mouseovner к динамечскому обхекту
Народ привет
есть такая конструкия <ul class="b-routeChain"> </ul> при некотором условии скрипт делает следующее function m(x){ var v, w, station; v = []; e.map(x, function(y, z){ station = i.stations[y]; w = '<i class="icon icon' + station.ln + '"><i/></i>'; v.push("<li> " + w + station.n + "</li> ") }); return v.join("") } в результате ul приобретает примерно такой вид ( в звисимости от условий текм может быть другой но вид такой же ) <ul class="b-routeChain"> <li> <i class="icon icon12"> <i></i> </i> Улица Старокачаловская </li> <li> <i class="icon icon12"><i></i></i>Улица Скобелевская</li> <li> <i class="icon icon12"><i></i></i>Бульвар адмирала Ушакова</li> <li> <i class="icon icon12"><i></i></i>Улица Горчакова</li> <li> <i class="icon icon12"><i></i></i>Бунинская аллея</li></ul> это то что есть теперь я делаю следующее в своем скрипте пишу $('.b-routeChain li').mouseover(function(v){ alert(11); console.dir(v); }); это не работает хотя вот так работает отлично $('.b-routeChain ').mouseover(function(v){ alert(11); console.dir(v); }); подскажите что делать как сделать mouseoner для динамического li |
xber9,
Используй метод on - .on( events [, selector] [, data], handler(eventObject) ) - доступен начиная с версии 1.7 $('.b-routeChain li').on("mouseover", function(v){ alert(11); console.dir(v); }); |
никакого эфекта
такое ощущение что мышь наводится на что то другое а не на этот li хотя в хроме если нажать на показать код элемента высвечивается именно li |
xber9,
Метод правильный, но в примере ошибся :) $(document).on("mouseover",'.b-routeChain li', function(v){ alert(11); console.dir(v); }); |
спасибо работает
|
рас уж тут еще вопрос
как из v получить обьект на который навеося чтобы изменить у него стиль |
xber9,
$(document).on("mouseover",'.b-routeChain li', function(event){ $(event.target).addClass("test"); //$(this).addClass("test"); //2-ой вариант }); |
Часовой пояс GMT +3, время: 16:44. |