Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Почему данное условие не верно (https://javascript.ru/forum/jquery/22351-pochemu-dannoe-uslovie-ne-verno.html)

ksa 16.10.2011 16:55

Решатель, не нужно ничего "крепить"... Пример размещай тут. Примеров, как это сделать, валом на этом форуме.

Даже в последних сообщениях, в том числе и моих...

Решатель 16.10.2011 16:57

html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Документ без названия</title>
<script src="Untitled-2.js" type="text/javascript"></script>
<script src="jquery.js" type="text/javascript"></script>
<link href="Untitled-3.css" type="text/css" rel="stylesheet" />
</head>

<body>
<div class="navig">
	<img src="check-on.png" width="35" height="35" alt="kartinka"/>
    <img src="check-on.png" width="35" height="35" alt="kartinka"/>
    <img src="check-on.png" width="35" height="35" alt="kartinka"/>
    <img src="check-on.png" width="35" height="35" alt="kartinka"/>
</div>

</body>
</html>

javascript:
$(document).ready(function(e) {
    $('.navig img').click(function(){
		//Что тут должно быть чтобы при клике по i-ой картинке выводился alert с ее номером? 
	});
});

ksa 16.10.2011 16:59

Решатель, если я скопирую твой пример... Соберу его в кучу... Он не сможет заработать у меня. :)

Но всетаки хоть что-то... :)

Решатель 16.10.2011 17:02

Ну так поможете?

ksa 16.10.2011 17:06

Как вариант...

<!DOCTYPE html>
<html>
<head>
<title>test</title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<style type="text/css">
</style>
<script type='text/javascript'>
$(document).ready(function() {
	$('.navig img').each(function(i) {
		$(this).click(function() {
			alert('Клик по '+(i+1)+'-ому изображению');
		});
	});
});
</script>
</head>
<body>
<div class="navig">
	<img src="http://javascript.ru/forum/images/smilies/smile.gif" width="35" height="35" alt="kartinka"/>
    <img src="http://javascript.ru/forum/images/smilies/smile.gif" width="35" height="35" alt="kartinka"/>
    <img src="http://javascript.ru/forum/images/smilies/smile.gif" width="35" height="35" alt="kartinka"/>
    <img src="http://javascript.ru/forum/images/smilies/smile.gif" width="35" height="35" alt="kartinka"/>
</div>
</body>
</html>


Т.ч. начинай учиться делать нормальные тестовые примеры... ;)

Решатель 16.10.2011 17:09

Аке:)
Спасибо большое!

walik 17.10.2011 17:26

$(document).ready(function() {
    $('.navig img').click(function() {
      alert('Клик по '+($(this).index()+1)+'-ому изображению');
    });
});

Markuper 19.10.2011 13:36

Цитата:

Сообщение от walik (Сообщение 131580)
$(document).ready(function() {
    $('.navig img').click(function() {
      alert('Клик по '+($(this).index()+1)+'-ому изображению');
    });
});

Вот так бут вернее, и не нужно перебирать все имаги что есть у тебя, просто ловиш индекс имаги на кторой кликнул.


Часовой пояс GMT +3, время: 07:55.