jquery - 如何单击导致其他元素的鼠标悬停事件的div

Question

我对如何处理以下问题感到困惑。我有一个表格，并且在符合我的条件的特定行上，当用户将鼠标悬停在该行上时，会在鼠标指针下方显示另一个 div。现在我必须在该 div 内单击。但是那个 div 正在改变它的位置，就像移动鼠标一样。下面是我正在尝试的代码

    $('#dataTable td').live('mousemove', function (e) {
    if( $(this).hasClass('false'))
        $('.toolTip').css({"top": (e.pageY+10)+"px", "left": (e.pageX - 10)+"px"}).show();
});

$('#dataTable td').live('mouseout', function (e) {
        $('.toolTip').hide();
});

因此，当我到达特定的 . 现在我如何在该工具提示中单击。

Answer 1

您将需要使用mouseoverevent 而不是mousemove. 此外，请确保将鼠标悬停在行下方的 DIV 放置在该行与新 DIV 之间没有间隙，否则它将隐藏您的工具提示。

例子：

$('#dataTable td').live('mouseover', function (e) {
    if( $(this).hasClass('false'))
        $('.toolTip').css({"top": (e.pageY+10)+"px", "left": (e.pageX - 10)+"px"}).show();
});

$('#dataTable td').live('mouseout', function (e) {
        $('.toolTip').hide();
});