javascript - 如何通过 jQuery 保持鼠标悬停的 DIV 可见？

Question

好的.. 这个问题有点复杂。当您将鼠标悬停在 TR 上时，我会出现一个 DIV。

$(".alignment_tr").hover( function() {
    console.log( "alignmententer" + triggerMouseover );
        var tid = $(this).find( ".hidden_inp_selected_alignment" ).val();
        var element = $(this);

        if( ! element.hasClass( "mouseover-tooltip" ) )
        {
            $.ajax( {
                url: Drupal.settings.jstools.basePath + "?q=search/mouseover_info",
                dataType: 'json',
                data: { "tid": tid },
                success: function( response ) {
                        $(".mouseover-tooltip .top-level").html( response.genre );
                        $(".mouseover-tooltip .second-level").html( response.name );
                        $(".mouseover-tooltip .description").html( response.description );
                        $(".mouseover-tooltip").css( {
                            left: element.position().left + ( element.width() * 0.75 ),
                            top: element.position().top - element.height() / 2,
                        } );
                        if( $(".mouseover-tooltip").css( "display" ) == "none" )
                        {
                            $(".mouseover-tooltip").fadeIn();
                        }
                    }
                });
        }
    },
    function() {
    console.log( "alignmentleave" + triggerMouseover );
        setTimeout( fadeMouseover, 5000 );
    }
);

我试图让它在您将鼠标悬停在 DIV 上时，它不会消失。有什么建议吗？

澄清现在，当您将鼠标悬停在 TD 上时，DIV 就会出现。我对其进行了操纵，以便当您将鼠标悬停在 DIV 上时，它会保持不变(过去会消失)。但是现在，当您的鼠标离开 TR 并离开 DIV 时，DIV 不会消失。

Answer 1

如果 div 是绝对定位的(我相信是这样)，请将它放在 tr 中。这样，您的鼠标在 div 上也将被视为在 td 上。这样你的鼠标在 div 或 tr 上将不会触发 mouseleave。

一个 fiddle :

http://jsfiddle.net/mHCNj/1/