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