Javascript jQuery悬停触发,无需鼠标悬停

Javascript jQuery悬停触发,无需鼠标悬停,javascript,jquery,Javascript,Jquery,我有一个id=message1mark的元素。以下代码将在页面加载时运行两个警报,而不管鼠标在何处。任何帮助都将不胜感激 <script type="text/javascript"> jQuery(document).ready(function(){ jQuery("#message1mark").hover(alert("on"), alert("off")); }); </script> jQuery(文档).ready(函数(){ jQuery(“#m

我有一个id=message1mark的元素。以下代码将在页面加载时运行两个警报,而不管鼠标在何处。任何帮助都将不胜感激

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

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

jQuery(文档).ready(函数(){
jQuery(“#message1mark”)。悬停(警报(“打开”)、警报(“关闭”);
}); 

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

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

工作示例:

您尝试的将被解释为

  • 尝试调用函数(这就是为什么在绑定时执行
    alert()
  • 并将其结果绑定为一个处理程序(在本例中没有)

  • 正确的方法是:

    jQuery("#message1mark").hover(function() {
            alert("on");
        }, 
           function() {
            alert("off")) 
        };
    });
    
    我相信alert()函数会在每个页面上自动触发。因此,即使您试图使它依赖于hover函数,它也不在乎

    听起来您需要的基本上是工具提示功能。这些参考资料中列出的一些技术可能是更好的方法


    一个函数本身可以包含两个不同的函数,而不是编写两个不同的函数。下面是供参考的代码

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