hoverIntent 插件不应禁用 href

Question

我在菜单栏上使用 hoverIntent。调用 hoverIntent 后，我的导航中的 "a href" 标签将不起作用

$("#primary-nav").find(".dropdown").hoverIntent({
    over: showMM,
    out: hideMM,
    sensitivity: 10,
    timeout: timeOutNumber
});

这是正常行为吗？有没有办法让href生效？

Answer 1

不，这不是正常行为 - 这是一个示例，其中包含 hoverIntent 所针对的元素内的工作链接：

var showMM = function(e) {
  $(e.currentTarget).css("background-color", "green");
}

var hideMM = function(e) {
  $(e.currentTarget).css("background-color", "");
}

$("#demo").find(".test").hoverIntent({
  over: showMM,
  out: hideMM,
  sensitivity: 25,
  timeout: 250
});

#spacer {
  height: 400px
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://cherne.net/brian/resources/jquery.hoverIntent.minified.js"></script>

<ul id="demo">
  <li class="test"><a href="#link">Click Me!</a></li>
  <li class="test"><a href="#link">Click Me!</a></li>
  <li class="test"><a href="#link">Click Me!</a></li>
</ul>

<div id="spacer"></div>

<h2 id="link">Success!</h2>

<div id="spacer"></div>

您确定禁用链接的是对 hoverIntent 的调用，而不是 showMM/hideMM 函数吗？你能用这些函数的代码更新你的问题吗？

hoverIntent 插件不应禁用 href

hoverIntent plugin should not disable href

javascript

jquery

hoverintent