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, время: 05:00. |