0

この以下の問題を処理する方法について混乱しています。テーブルがあり、基準に一致する特定の行で、ユーザーがその行にマウスオーバーすると、マウスポインターのすぐ下に別の 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 が正しく表示されます。そのツールチップ内をクリックするにはどうすればよいですか。

4

1 に答える 1

0

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();
});
于 2012-10-12T14:01:14.790 に答える