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

1 个答案: