Tag: hoverintent

如何为hoverIntent绑定多个事件处理程序？

我在其中一个js文件中有以下代码 $(‘#elementID’).hoverIntent({ over: function() {//function#1 body}, out: function() {// function#2 body} }); 在我的另一个js文件中，我想为hoverIntent添加另一个方法。 但新绑定会覆盖前一个绑定，只会执行新绑定。 $(‘#elementID’).hoverIntent({ over: function() {//function#3 body} }); 所以我希望在hover时执行function＃1和function＃3。 是否可以使用hoverIntent？ 如果没有，请你指点我另一个方向，所以我能做到吗？ 注意：我无权更改第一个文件。 我只是想为hover添加额外的function。 谢谢。

HoverIntent ClearTimeout

如何清除hoverIntent内置的超时？ 我想从同一个hoverIntent的over部分内部进行。

.mouseenter添加“overflow：none”如何防止这种情况？ 我怎样才能模拟hoverIntent？

所以我遇到了这个奇怪的问题。 我有一条丝带在导航后面移动，同时hover在物品上，它包含绘制丝带形状的旧css-corner技巧。 这些是由负底部属性定位的。 奇怪的是，.mouseenter事件似乎是在“this”中添加了“overflow：none”类。 有办法防止这种情况吗？ 我的第二个问题是，如果鼠标刚刚经过，我怎么能阻止.mouseenter启动，有点像hoverIntent。 我以为mouseenter正在这样做，但显然不是。 任何有关如何缩短和更好的提示也是受欢迎的。 这是代码，我正在运行noConflict脚本，所以’j’转换为$： function rbHover(){ j(“#nav li a”) .on(‘mouseenter’, function() { var l = j(this).parent().position().left; var w = j(this).parent().width(); var rbw = Math.round(w/4); var rbh = Math.round(w/16); j(“#ribbon”).stop(‘ribbon’, true, true).animate({ “left” : l, “width” : w }, { duration: 600, easing: ‘swing’, queue: ‘ribbon’ }).dequeue(‘ribbon’); j(“.rib-left”).stop(‘rib-left’, true, true).animate({ “border-right-width”: […]

hoverIntent（）不是函数

我似乎无法让hoverIntent插件工作。 它绝对是加载jQuery和hoverIntent。 但是，.hoverIntent（）是“不是函数”。 （.hover（）工作正常）。 $(document).ready(function() { $(‘#portfolio-circle’).hoverIntent( function() { $(‘#portfolio-hover’).fadeTo(‘normal’, 1); $(‘#portfolio-caption’).fadeTo(‘normal’, 1); }, function() { $(‘#portfolio-hover’).fadeTo(‘normal’, 0); $(‘#portfolio-caption’).fadeTo(‘normal’, 0); } ); });

jQuery /原型冲突

我正在使用jQuery hoverIntent.js脚本来创建一个巨大的下拉菜单系统，该系统的灵感来自于Son Tonaka的大型下拉/ CSS和jQuery sohtanaka.com/web-design/mega-drop-downs-w-css-jquery。 我的页面包含一个由第三方供应商插入的prototype.js脚本（这是一个加载属性搜索和潜在客户管理内容的房地产网站）。 它在标签之前加载到最后。 我的菜单脚本和jQuery调用加载在标记的顶部。 下面我已经包含了2个链接。 第一个链接我已经注释掉对prototype.js的调用，菜单工作正常。 第二个链接调用prototype.js，下拉列表不起作用。 工作下拉： http ： //www.myreoforeclosures.com/_menutestfromcode.html （prototype.js已注释掉） 不工作下拉： http ： //www.myreoforeclosures.com/_menutestfromcode2.html （原型.js工作） 我已经尝试了jQuery网站上建议的jQuery noConflict（）解决方案的许多变体，但对于我的生活，我无法解决冲突。 我已经将上述链接简化为CSS和HTML的基础知识来测试下拉列表。 请注意我正在使用Web 2.0 / CSS / jQuery攀登陡峭的学习曲线，因为这是我第一次尝试使用这些工具设计网站（以前基于表格的网站）。 任何有助于使jQuery和原型协同工作的帮助将不胜感激。 我只能控制jQuery脚本，因此必须对jQuery进行任何解析。 我对prototype.js没有任何控制权。

jQuery hoverIntent插件在父hover时显示/隐藏div，但在hover时继续显示

我有一个按钮，当鼠标hover时（鼠标hover）在它下面显示一个div。 当徘徊（mouseout）时，div消失了。 这一切都运行良好，但现在我需要将div保持在按钮下方，显示用户是否hover在该div上（与div内的内容进行交互）。 现在这是不可能的，因为当你将鼠标hover在触发div显示的按钮后，div会立即消失。 我正在使用hoverIntent jQuery插件来实现这一目标。 // This is the button that when hovered // triggers the div below it to show $(‘#hoverMeToShowHideDiv’).hoverIntent(function () { $(“#displayDiv”).stop().slideDown(‘slow’); }, function () { // I don’t want the div to hide if user hovers over it $(“#displayDiv”).stop().slideUp(‘slow’); }); HTML： // some stuff // some other stuff that I […]

jQuery hoverIntent不工作，但是hover确实如此

我有以下代码： $(document).ready(function(){ $(“.yearInner”).hide(); $(“.year”, this).hover( function () { $(“.yearInner”, this).slideToggle(); } ); }); 它用class yearInner隐藏了div，然后当包含class year的包含div时，yearInner div切换为on。 工作正常，我想使用hoverIntent插件而不是hover。 使用hoverIntent完全不起作用。 建议？ Div结构参考： 2009 More Info… 2008 More Info…

jQuery – unbind或rebind hoverIntent（）？

我有一个菜单栏，在上排显示一组类别。 其中一个类别有一组子类别。 我有一个hoverIntent设置，以便它将slideDown子菜单，并在鼠标离开时slideUp。 但是，如果我正在查看此类别中的页面，我希望子菜单在突出显示活动类别时可见。 我还想确保当子菜单通过鼠标进行交互时，一旦鼠标离开，它就不会再次滑动。 我已尝试在此页面中的元素上重新声明hoverIntent函数，但它不起作用，它仍然使用以前的绑定。 有没有办法取消绑定以前的hoverIntent并确保它使用新的？