есть простенький список:
<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());
});
}); |