JQuery hover не работает

Question

Я попытаюсь объяснить как можно больше, я просто хочу изменить src тега img, когда мышь над ним {on Hover}; HTML-код является

<ul id="nav-tabs" data-tabs="tabs"> 
    <li id="test" style="list-style: none;" class="active"> 
    <a href="#home" data-toggle="tabs" ><img src="assets/img/button_home_selected3.png" id="test2" width="83"/><span s>Home</span></a> 
    </li> 
</ul> 

литиево теги динамически добавляются с помощью сценария

$('.plus').click(function(e) { 
e.preventDefault(); 
var li_count = $('#nav-tabs').length; 
if (li_count <= 3){ 
    if(counter <= 3){ 
    $('#nav-tabs').append('<li id="test" ><a href="#tab' + counter + '" data-toggle="tabs" ><img src="assets/img/button_home_plain1.png" width="83" id="test2">Tab' + counter + '</span><button type="button" class="close">&times;</button></a></li>'); 
} else { alert("Only 3 Tabs Allowed!")}; 
} 

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

$('li#test').each(function() { 
if($(this).hasClass('active')) 
{//Active class is applied 
    $(this).children().children().attr("src", "assets/img/button_home_selected3.png"); 
} 
else 
{ 
    $(this).children().children().attr("src", "assets/img/button_home_plain.png"); 
} 

});

Я пытался что-то, но он не работает, может быть я кладя его где-нибудь, ijust не знаю

$('#test2').hover(function(e) { 
    e.preventDefault(); 
    if ($(this).attr('src') == 'assets/img/button_home_plain1.png') 
    { 
    $(this).attr('src','assets/img/button_home_mouseOver1.png'); 
    } 
}); 

Answer 1

Вы можете попробовать использовать .data(), чтобы следить за оригинальный URL и .on() (JQuery> = 1,7) для регистрации обратных вызовов для событий:

$("#nav-tabs").on("mouseover", "#test2", function(){ 
    $(this).data("originalSrc", $(this).attr("src")); 
    $(this).attr("src", "assets/img/button_home_mouseOver1.png"); 
}); 

$("#nav-tabs").on("mouseout", "#test2", function(){ 
    $(this).attr("src", $(this).data("originalSrc")); 
}); 

http://api.jquery.com/on/