Форум

Слепнева Татьяна · #1 (**permalink**) 17.05.2012, 16:19

Добрый день, умные люди! У меня такой вопрос - почему не работает следующий код?

<div class="main"><div class="forum">click me</div></div>
<div class="main"><div class="forum">click me</div></div>
<div class="main"><div class="forum">click me</div></div>
<div class="main"><div class="forum">click me</div></div>
<div class="main"><div class="forum">click me</div></div>

$("div.forum").each(function(){
	$(this).click(function(){
		alert('hello world');
	});
});

Если в область each() { ... } вписать не клик, а сразу алёрт - то все работает. А именно при нажатии на див - ничего... Второй день мучаюсь, помогите, пожалуйста!

Mazai · #2 (**permalink**) 17.05.2012, 17:18

$(".forum ").click(function() { alert("hello world"); });
Вообще непонятно по вашему коду зачем используется метод each.

FINoM · #3 (**permalink**) 17.05.2012, 18:01

Всё отлично работает, проблема в чем-то другом. http://jsfiddle.net/ecbjZ/
Пользуйтесь консолью (в хроме — контрл+шифт+i), должно показать, в чем косяк.

beard · #4 (**permalink**) 17.05.2012, 19:18

стерто

Ghaniball · #5 (**permalink**) 18.05.2012, 10:25

Сообщение от Слепнева Татьяна

$("div.forum").each(function(){
	$(this).click(function(){
		alert('hello world');
	});
});

вы где определили этот кусочек кода???
надо либо так:
1. обернуть эти строки в тэг <script>

<script>
	$("div.forum").each(function() {
		$(this).click(function() {
			alert('hello world');
		});
	});
</script>

и вставить его перед закрывающим тэгом </body>.
2. Либо вставить такой код внутрь тэга <head></head>.

<head>
...
...
<script>
	$(document).ready(function() {
		$("div.forum").each(function() {
			$(this).click(function() {
				alert('hello world');
			});
		});
	});
</script>
...
...
</head>

razerxxx · #6 (**permalink**) 18.05.2012, 23:37

Вообще должно работать как есть... но попробуй так

$("div.forum").each(function(i, forum){
    $(forum).click(function(){
        alert('hello world');
    });
})

Форум

Справочник

Discord чат

Курсы javascript