如果鼠标已经位于文档准备就绪的元素上，则 jQuery hideIntent 不会触发

Question

我正在使用jQuery插件hoverIntent。问题是有时当页面加载时，鼠标已经位于对象'#gallery'上，因此不会触发hoverIntent代码。

这是我的代码示例:

$(document).ready(function(){
  $('#gallery').hoverIntent(function(){
    $('.gallery-thumbs').stop().animate({'height': '65px'},400); //in code animating a element child within #gallery
  },function(){
    $('.gallery-thumbs').stop().animate({'height': '33px'}); //out code animating a child element within #gallery
  });
});

有人知道这个问题的解决方案吗？

Answer 1

这是您要找的吗？

$(document).ready(function(){
    $(document).one("mousemove", function(e) {
        if (mouse pointer is on gallery) {
            $('.gallery-thumbs').stop().animate({'height': '65px'}, 400);
        }
    });

    $('#gallery').hoverIntent(function() {
        $('.gallery-thumbs').stop().animate({'height': '65px'}, 400); //in code animating a element child within #gallery
    },function() {
        $('.gallery-thumbs').stop().animate({'height': '33px'}); //out code animating a child element within #gallery
    });
});