Наведите указатель мыши на текст в jQuery

Question

У меня проблема. Когда моя мышь наводится над div, в div появляется текст. И когда он выйдет из div, текст исчезнет. Моя проблема, однако, когда мышь над появившимся текстом, он будет считать, что это мышь из div, в результате чего текст исчезает. Как я могу это сделать, чтобы этого избежать? Я хочу, чтобы текст оставался до тех пор, пока мышь находится в div, даже если она находится над текстом. Спасибо ..

<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

вы можете использовать MouseLeave событие вместо ...

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

Answer 2

Заканчивать http://flowplayer.org/tools/tooltip/index.html, чтобы увидеть, если он может сделать то, что вы хотите ...

Answer 3

Попробуйте это :

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

Испытано и работает: http://jsfiddle.net/xLzdP/

Answer 4

Вы могли бы достичь точно так же с помощью .hover():

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