Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 28.03.2014, 20:19
Аспирант
Отправить личное сообщение для Altai Посмотреть профиль Найти все сообщения от Altai
 
Регистрация: 24.11.2013
Сообщений: 37

2 строки кода, не могу найти ошибку :( (jQuery)
есть простенький список:
<ol>
	<li>Харлей Дэвидсон</li>
	<li>Кроссовый мотоцикл</li>
	<li>Гоночный мотоцикл</li>
	<li>Концептуальный мотоцикл</li>
</ol>


Хочу, чтоб при наведении на список, происходило событие: пересчитывалось кол-во строк (ибо оно может меняться во время работы на странице). После этого, при наведении на строку, должно происходить другое событие: появляться сообщение с текстом этой строки. При первом наведении - сообщение появляется 1 раз. При 2-м - 2 раза. При 3-м - 3 раза, и т.д. до бесконечности. Почему так происходит? И как сделать так, чтоб сообщение появлялось всего 1 раз?

Если убрать первое событие (пересчет кол-ва строк в списке ol) - всё нормально работает, но при добавлении нового эл-та списка, при наведении на него сообщение не появляется. Уже не знаю, как и быть. Подскажите, кому не трудно

Код:
$('ol').mouseover(function(){
	$('ol li').mouseover(function(){
		alert($(this).text());
	});
});
Ответить с цитированием
  #2 (permalink)  
Старый 28.03.2014, 21:10
Аватар для Zuenf
Кандидат Javascript-наук
Отправить личное сообщение для Zuenf Посмотреть профиль Найти все сообщения от Zuenf
 
Регистрация: 27.01.2012
Сообщений: 134

Вот так сделай:
$('ol').on('mouseover','li',function(){
		alert($(this).text());
});


Читай про делегирование событий.
Ответить с цитированием
  #3 (permalink)  
Старый 28.03.2014, 21:32
Аспирант
Отправить личное сообщение для Altai Посмотреть профиль Найти все сообщения от Altai
 
Регистрация: 24.11.2013
Сообщений: 37

Сообщение от Zuenf Посмотреть сообщение
Вот так сделай:
$('ol').on('mouseover','li',function(){
		alert($(this).text());
});


Читай про делегирование событий.
Благодарю!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Помогите найти ошибку в простом скрипет Mekasan Общие вопросы Javascript 3 05.08.2013 12:02
Найти переносы строки why.not? Events/DOM/Window 2 18.03.2011 10:16
Помогите найти ошибку((( hacker_007 Общие вопросы Javascript 5 28.01.2011 17:37
Не могу найти ошибку. Hellp jey7 Events/DOM/Window 2 20.06.2010 10:49
Не могу найти ошибку Lewik AJAX и COMET 4 19.07.2009 21:33