Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   mouseovner к динамечскому обхекту (https://javascript.ru/forum/jquery/33085-mouseovner-k-dinamechskomu-obkhektu.html)

xber9 09.11.2012 17:23

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

Hoshinokoe 09.11.2012 18:09

xber9,

Используй метод on - .on( events [, selector] [, data], handler(eventObject) ) - доступен начиная с версии 1.7
$('.b-routeChain li').on("mouseover", function(v){
    alert(11);
    console.dir(v);	
});

xber9 09.11.2012 18:58

никакого эфекта
такое ощущение что мышь наводится на что то другое а не на этот li
хотя в хроме если нажать на показать код элемента высвечивается именно li

Hoshinokoe 09.11.2012 19:19

xber9,

Метод правильный, но в примере ошибся :)

$(document).on("mouseover",'.b-routeChain li', function(v){
    alert(11);
    console.dir(v);	
});

xber9 09.11.2012 19:27

спасибо работает

xber9 09.11.2012 19:28

рас уж тут еще вопрос
как из v получить обьект на который навеося чтобы изменить у него стиль

Hoshinokoe 09.11.2012 19:46

xber9,

$(document).on("mouseover",'.b-routeChain li', function(event){
    $(event.target).addClass("test");
    //$(this).addClass("test"); //2-ой вариант
});


Часовой пояс GMT +3, время: 14:39.