JQuery hover ne fonctionne pas

Question

Je vais essayer d'expliquer autant que possible, je veux juste changer le src de la balise img lorsque la souris est dessus (sur Hover); le html est

<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> 

les balises li sont ajoutées dynamiquement il script en utilisant

$('.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!")}; 
} 

aussi est une balise active qui permet de basculer entre les onglets, ce qui est fait script à l'aide

$('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"); 
} 

})

J'ai essayé quelque chose, mais il ne fonctionne pas, peut-être je suis mal placer quelque part, À seulement ne connaissez pas

$('#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

Vous pouvez essayer d'utiliser .data() de garder une trace des URL d'origine et .on() (jQuery> = 1.7) pour vous inscrire callbacks pour les événements:

$("#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/