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

Question

我想显示基于鼠标悬停事件的工具提示。我试过这段代码，但失败了，什么都不会出现。

请指教。

<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>

Answer 1

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

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

Answer 2

您没有为函数 onmouseover 提供必要的参数...将函数定义更改为：

function showLongText(){