Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/visual-studio-2012/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
JQuery悬停方法?_Jquery - Fatal编程技术网

JQuery悬停方法?

JQuery悬停方法?,jquery,Jquery,我的页面上有一个图像,当用户用鼠标悬停在上面时,会显示一个工具提示(使用qtip插件)。唯一的问题是,当图像加载时,如果光标已经悬停在图像上,则不会触发onmouseover事件,并且工具提示不会显示,除非用户将光标从图像上移开,然后再打开。它们是我应该使用的另一个事件还是更好的方法?我想建议在图像的onload事件中检查用户是否在图像上方,但似乎无法检查鼠标在图像上方的状态(至少在jQuery中)。因此,您可能希望尝试与mouseover和mouseout一起使用。我怀疑这会回避问题,但值得一

我的页面上有一个图像,当用户用鼠标悬停在上面时,会显示一个工具提示(使用qtip插件)。唯一的问题是,当图像加载时,如果光标已经悬停在图像上,则不会触发onmouseover事件,并且工具提示不会显示,除非用户将光标从图像上移开,然后再打开。它们是我应该使用的另一个事件还是更好的方法?

我想建议在图像的onload事件中检查用户是否在图像上方,但似乎无法检查鼠标在图像上方的状态(至少在jQuery中)。因此,您可能希望尝试与
mouseover
mouseout
一起使用。我怀疑这会回避问题,但值得一试:

jQuery(function(){
    $('img.has_tooltip').live('mouseover', function(){
        $(this).showTooltip(); });
    $('img.has_tooltip').live('mouseout', function(){
        $(this).hideTooltip(); });
});
如果不起作用,您可以使用
mousemove
事件:

jQuery(function(){
    $('img.has_tooltip').mousemove(function(){
        $(this).showTooltip(); });
    $('img.has_tooltip').live('mouseout', function(){
        $(this).hideTooltip(); });
});
这应该在用户移动鼠标后立即起作用,而不是用户不得不将鼠标强制移出图像。这并不理想,但除了暂停用户外,它对所有用户都有效


当然,对于这两个示例,请使用qtip插件中的正确方法切换
xxxTooltip
方法。

作为建议,我建议向我们展示您的代码,以便我们可以看到代码中可能出现的故障点,并提出改进建议。此外,很高兴看到什么不起作用,以避免暗示你已经得到或尝试过的东西。我最终使用了鼠标移动,这对于我正在做的事情来说是可以接受的,但公平地说,我没有尝试其他方法。我使用了mouseover和mouseout解决方案,效果非常好!