Tag: hover

jQuery show / hide – 关于延迟变量的问题: 当你鼠标hover某个div时我正在使用下面的代码来显示一个框，并设置淡出的延迟，但如果用户重新使用div，是否有某种方法可以取消fadeOut效果？ jQuery(“#cart-box”).hover(function() { jQuery(“#cart-container”).fadeIn(‘fast’); }, function( ) { jQuery(“#cart-container”).delay(800).fadeOut(‘fast’); }); div的代码 Cartcontents 考虑一下我认为这可能是一个需要停止fadeInfunction的情况，如果你离开div并返回。任何想法都会对jQuery有所帮助！另外请注意我应该使用什么效果让盒子从零开始扩展到内容的高度而不是仅仅淡入？

元素从鼠标下移出后（在所有浏览器中），hover状态为粘性: 我有一个div，显示一系列幻灯片，一次一个。它包含一个框底部的链接，触发切换到下一张幻灯片。单击链接时，该框显示下一张幻灯片，并且框的高度在大部分时间都会更改。我有一个:hover样式应用于链接，但是一旦框的高度发生变化并且链接从鼠标下移出，它将保持其:hover状态，直到它再次hover。我已经尝试在更改完成后调用.mouseleave()和.mouseenter().mouseleave() ，但它没有任何效果。我还为链接创建了一个不同的:active ＆ :focus状态，我可以看到点击链接时的闪光，然后它返回到:hover 。答:visited风格也没有效果。我知道IE的旧版本中有一个常见的错误类似于此，但我也看到这种情况发生在Chrome和Firefox中。这是一个jsfiddle 。有任何想法吗？

jQuery将divhover在另一层下面: 是否可以忽略所有使用jQuery绑定到它们的元素“上方”的div？例如，我有一个元素A，它有一个绑定到它的hover事件，但是还有其他元素B，C，D在元素A上面“绝对定位”。所以当用户的鼠标移动到元素B，C时， D，即使B，C和D直接位于元素上方，也不再触发hover事件。是否可以忽略元素BC和D？更新：我实际上正在尝试创建一个地图（元素A），其中元素B，C，D作为区域标签。因此，例如，对于纽约州的地图，您将具有与地图重叠的文本元素“曼哈顿”，“新泽西”等。这就是为什么即使用户将鼠标放在标签上也需要hover。

hover时的不透明度（jQuery）: 我们有一个链接： Some text 当链接hover时，我们希望用一些动画改变不透明度。我们怎么做？

Jquery：当hover在菜单项上时，显示文本: 我是JQuery的新手，但希望在我正在构建的网站中使用它。当用户使用li class hovertriggerssubhead将菜单鼠标hover在菜单中时，我想在其下方显示一些文本，位于div（嵌套在li中），ID为NavSubhead 。我已经看了几个这样的例子，即在JQuery文档的FAQ中的cookbook和JQuery站点本身的代码。这是我的HTML代码： Home Gallery Under Construction Under Construction Contact 我尝试了两种在我的JQuery代码中完成此操作的方法; 他们在下面： $(document).ready(function() { //first method $(“.NavSubhead”).hide(); $(‘#Navigation li’).hover( function(){$(this).find(‘div.NavSubhead:hidden’).fadeIn(500);}, function(){$(this).find(‘div.NavSubhead:visible’).fadeOut(500);} ); //second method $(“#Navigation li div”).hide(); $(“#Navigation li.hovertriggerssubhead”).hover( function () { $(this).children(“div.NavSubhead”).show(); },function(){ $(this).children(“div.NavSubhead”).hide(); });//hover });// document ready 任何帮助，将不胜感激。谢谢！更新：我尝试了很多答案，即使是一个有工作演示的答案，但它仍然不起作用，这很奇怪。它是否可以通过任何机会与导航html的约束相关，因为包含表格？桌子有一个固定的宽度。除此之外，我不知道是什么问题，并且正确引用了JQuery。提前致谢！更新＃2 ：由于我的HTML有一些奇怪的限制，因此可能无法正常工作，我将在此处发布。正如您在下面看到的，我也在使用这个幻灯片框架。 MZ […]

延迟后淡出jQuery菜单: 我正在开发一个jQuery下拉菜单，当你将鼠标hover在顶级项目上时，它会淡入淡出。我想设置它，以便当您移动鼠标时，菜单不会立即消失。我有这个代码： $(document).ready(function(){ $(‘ul#menu > li’).hover( // mouseover function(){ $(this).find(‘>ul’).fadeIn(‘fast’); }, // mouseout function(){ setTimeout( function(){ alert(‘fadeout’); $(this).find(‘>ul’).fadeOut(‘fast’) }, 1000 ); } ); }); 一秒钟后警报发生，但菜单没有淡出。

子菜单hover的Jquery菜单: 我有一个自我解释的菜单和子菜单系统，您将鼠标hover在主菜单选项中的某些内容上，然后您将看到一个子菜单选项。如果您将鼠标hover在主菜单选项上，但鼠标离开而未从子菜单中选择，则会出现问题，子菜单不会向上滑动。你可以看到它在这里工作（我知道css是膨胀的，但我刚刚复制了整个表格： http://jsfiddle.net/6sres/ 这是我正在使用的Jquery： $(‘#nav li’).hover( function () { //show its submenu $(‘ul’, this).stop().slideDown(100); }, function () { //hide its submenu $(‘ul’, this).stop().slideUp(10); } ); $(‘a#leagueSelect’).hover(function(){ $(‘ul.fixture-list’).slideDown(50); }); 我知道这很简单，可能与导致一些问题的“这个”有关。谢谢，艾伦。

jquery：在hover（）函数中传递变量？: 我可以在hover（）中传递变量吗？如下面的脚本，我不想声明相同的变量两次var target = xxx ，我不想让这个变量成为全局target = xxx bcos我还有其他函数使用这个变量名 – target。 $(‘.image-profile’).hover(function () { var target = $(‘.button-change-image-profile’,this); target.show(); },function () { //var target = $(‘.button-change-image-profile’,this); target.hide(); }); 所以我试着像这样传递var },function (target) { ，当然这是错误的，但是传递这个var的任何其他方法呢？谢谢。

jQuery时间鼠标在元素上（hover）: 我有一个hover事件附加到几个链接，当你翻过它时会出现一个框。是否有一种方法可以使鼠标hover事件仅在鼠标超过链接超过500毫秒时触发？因此，目前只要鼠标越过链接就会出现该框，但我希望它只在鼠标已超过500毫秒或更长时间时出现。

jQueryhover在上: 我有一个像元素列表 some text test some text test some text test some text test some text test some text test some text test 我想添加一个hover元素，这样当用户将鼠标hover在上时，只有那些项hover。我有这个（启用hover的只是一种颜色） jQuery(‘ol li’).hover(function () { jQuery(‘ol li.blah a’).addClass(‘hover-enabled’); }, function () { jQuery(‘ol li.blah a’).removeClass(‘hover-enabled’); }); 它有效，但所有项目都hover – 而不仅仅是个人。有任何想法吗？