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

因此，当我达到特定时，toolTip div会正确显示。现在我如何点击该工具提示。

Answer 1

您需要使用mouseover事件而不是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();
});

如何点击作为其他元素的鼠标悬停事件产生的div

1 个答案: