首页 > 解决方案 > HoverIntent 配置,不拾取

问题描述

我之前使用过 hoverIntent 但它似乎在这个网站上不起作用,这里是配置:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.hoverintent/1.9.0/jquery.hoverIntent.js"></script>    
var config = {
  sensitivity: 1000000000000000,
  interval: 1000000000000000,
  timeout: 1000000000000000
};

jQuery('.left-menu-items li').hoverIntent(function() {
  jQuery(this).find('.sub-sub-menu-items').first().css({
    'display': 'block'
  });
}, function() {
  jQuery(this).find('.sub-sub-menu-items').first().css({
    'display': 'none'
  });
}, config);

我错过了什么吗?它似乎不听配置。我正在使用 jQuery 1.11.3

标签: jqueryhoverintent

解决方案


我已经设法解决了这个问题,看起来上面的代码只适用于旧版本的 hoverIntent,看起来像 R5 版本。

下面的代码适用于当前版本的 hoverIntent:

jQuery(".left-menu-items li").hoverIntent({
    over: function () {
        jQuery(this).find('.sub-sub-menu-items').first().show()
    },
    out: function () {
        jQuery(this).find('.sub-sub-menu-items').first().hide()
    },
    timeout: 700,
    sensitivity: 10
});

推荐阅读