首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >hoverIntent插件不应禁用href

hoverIntent插件不应禁用href
EN

Stack Overflow用户
提问于 2016-01-14 21:19:50
回答 1查看 52关注 0票数 1

我在菜单栏上使用hoverIntent。在hoverIntent被称为“href”之后,导航中的“href”标记将无法工作

代码语言:javascript
复制
$("#primary-nav").find(".dropdown").hoverIntent({
    over: showMM,
    out: hideMM,
    sensitivity: 10,
    timeout: timeOutNumber
});

这是正常的行为吗?这是一种让href有效的方法吗?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-01-14 23:38:16

不,这是不正常的行为-下面是一个例子,在hoverIntent的目标元素中有一个工作链接

代码语言:javascript
复制
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
});
代码语言:javascript
复制
#spacer {
  height: 400px
}
代码语言:javascript
复制
<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函数吗?您能用这些函数的代码更新您的问题吗?

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/34799945

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档