Народ привет
есть такая конструкия
<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