jquery - HTML鼠标悬停事件，无法显示对话框

我想显示一个基于鼠标悬停事件的工具提示。我已经尝试过此代码，但是失败了，什么都不会显示。

请指教。

<img onmouseover="showLongText();" BORDER=0 height=15 width=15 src="images/pick-button.gif"/>
<div id="longTextDiv" style="display:none;">
ddd
</div>

<script type="text/javascript">
function showLongText(className, fldName, objId){
    var longTextDiv = $("#longTextDiv");
    //alert(longTextDiv);
    longTextDiv.style.leftPos += 10;
    longTextDiv.style.posLeft = event.clientX;
    longTextDiv.style.posTop = event.clientY;
    longTextDiv.style.display = "";
    longTextDiv.setCapture();
}
</script>

最佳答案

由于您已经在使用jQuery。你应该用

$("img").hover(function(e) {
    var longTextDiv = $("#longTextDiv");
    //alert(longTextDiv);
    longTextDiv.css({
       left : e.pageX,
       top : e.pageY,
       display : "block"
    });
    longTextDiv.setCapture();
});

关于jquery - HTML鼠标悬停事件，无法显示对话框，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/10068291/