没有鼠标悬停的jQuery悬停

Question

我有一个id = message1mark的元素。无论鼠标位置如何，以下代码将在页面加载时运行两个警报。任何帮助将不胜感激。

<script type="text/javascript">
jQuery(document).ready(function(){

jQuery("#message1mark").hover(alert("on"), alert("off"));
}); 
</script> 

Answer 1

您需要将这些警报包装在函数中：

$(document).ready(function(){
    $("#message1mark").hover(function(){alert("on");}, function(){alert("off");});
}); 

工作示例：http://jsfiddle.net/eJzKr/

Answer 2

您尝试的内容将被解释为

1. 尝试调用函数（这就是绑定时执行alert()的原因
2. 并将其结果绑定为处理程序（在这种情况下不是什么）

---

 $("#message1mark").hover(function(){

    alert("on")

}, function(){

    alert("off")

});
});

Answer 3

正确的方法是：

jQuery("#message1mark").hover(function() {
        alert("on");
    }, 
       function() {
        alert("off")) 
    };
});

Answer 4

我相信alert（）函数会在每个页面上自动触发。所以即使你试图让它依赖于悬停功能，它也不关心。

听起来你想要的基本上是工具提示功能。这些资源中列出的一些技术可能是更好的方法。

http://jquery.bassistance.de/tooltip/demo/

http://www.roseindia.net/tutorial/jquery/PopupOnHover.html

Answer 5

您可以将其包含在一个函数本身中，而不是写入两个不同的函数。以下是供参考的代码。

$(document).ready(function(){
        $("#message1mark").hover(function(){alert("on");alert("off");});
});