hover div pour apparaître le texte dans le numéro de jquery

Question

J'ai un problème ici. Lorsque ma souris survole un div, un texte apparaît dans la div. Et quand il est à la sortie de la div, le texte disparaîtra. Mon problème est cependant quand la souris est au-dessus du texte apparu, il traitera que c'est le mouseout du div, faisant disparaître le texte. Comment puis-je faire pour éviter cela? Je veux que le texte reste aussi longtemps que la souris est dans la div, même si elle est au-dessus du texte. Merci ..

<div class="passd"></div> 

    $('.passd').live("mouseover", function(){ 
    if($(this).children('#passopt').length==0){ 
    $(this).append('<p id="passopt">appear text</p>'); 
    } 
}); 
$('.passd').live("mouseout", function(){ 
    $(this).children('#passopt').remove(); 
}); 

Answer 1

vous pouvez utiliser l'événement mouseleave à la place ...

http://api.jquery.com/mouseleave/

Answer 2

Découvrez http://flowplayer.org/tools/tooltip/index.html pour voir si elle peut faire ce que vous voulez ...

Answer 3

Essayez cette :

$('.passd') 
    .live("mouseenter", function() { 
     $(this).append('<p id="passopt">appear text</p>'); 
    }) 
    .live("mouseleave", function() { 
     $(this).children('#passopt').remove(); 
    }); 

Testé, et fonctionne: http://jsfiddle.net/xLzdP/

Answer 4

Vous pouvez obtenir tout autant à l'utilisation .hover():

$('.passd').hover(function() { 
     $(this).append('<p id="passopt">appear text</p>'); 
}, function(){ 
     $(this).children('#passopt').remove(); 
    });