Tag: hover

“ui-state-hover”效应的问题: 我有一个HTML 我希望锚具有hover效果所以我添加这个javascript： $(“.portlet-header”).hover(function() { $(this).find(“a”) .removeClass(“ui-state-default”) .addClass(“ui-state-hover”); },function(){……}); 但锚点的“ui-state-default”或“ui-state-hover”状态不起作用：我希望效果像jquery官方ui对话框演示（是的，主题不同）…… 那么我该如何解决这个问题呢？做出正确的hover效果

防止datepicker触发父mouseleave: 我在jQuery $.animate({height: ‘toggle’, opacity: ‘toggle’})上显示了一个带有jQuery $.animate({height: ‘toggle’, opacity: ‘toggle’}) $.hover() 。我有一个jQuery UI datepicker附加到上述absolute div其中包含changeMonth: true和changeYear: true 。更改月份或年份或选择日期时，动画将触发。如何阻止月/年更改和日期选择触发$.hover() ？ http://jsfiddle.net/e3zP2/ HTML hover me arbitrary text JS $(document).ready(function () { $(“#dateSelector”).datepicker({ changeMonth: true, changeYear: true }); $(“#hoverAnchor”).add($(“#hoverMe”)).hover(function(){ $(“#hoverMe”).stop(true,false).animate({ height: ‘toggle’, opacity: ‘toggle’ }, 200); }); });

JQuery菜单声音播放hover: 我右边有一个菜单，当我盘旋时我想要点击这个咔嗒声。但是我不明白这是如何启用的。我使用无序列表，并且li具有链接到页面的链接。这是我到目前为止所得到的。的index.html Simple Learning Project $(document).ready(function(){ $(‘#navigation’).append(”); var posTop, liW, liH; $(‘#nav li a’).hover(function(){ posTop = $(this).offset().top; liW = $(this).parent(‘li’).outerWidth(); liH = $(this).parent(‘li’).height(); $(‘#libg’).css({top: posTop+’px’, height: liH }).stop().animate({width: liW+’px’, opacity: ‘1’}, 500); },function(){ $(‘#libg’).stop().animate({width: ‘0px’, opacity: ‘0’}, 0); }); var navhover = $(‘#nav li a’); var navaudio = navhover.find(‘audio’)[0]; navhover.hover(function(){ navaudio.play(); }, […]

hover时的Jquery（当我们hover的元素上方有一个元素时）: 因此，彼此之上有两个元素。一旦元素（在顶部的元素下）hover，我该如何调用函数？非常感谢，我真的需要这个工作：s

jquery.flot.dashes.js是否支持plothover和plotclick？: 通过使用plothover事件，我有一个可行的工具提示系统设置与我的常规图形选项（不使用破折号），但当切换到我的“黑白”模式（使用破折号）时，情节不可用。有没有办法让图表在使用短划线时保持可点击和可点击？或者是一种在没有短划线的情况下制作体面的黑白图案的方法？示例系列： {data: data, dashes:{show: true, dashLength: 2}, color: “black”, label: “Series 1”} 我目前的图形选项： options = { yaxis: {max: maxValue, min: minValue}, grid: {hoverable: true, clickable: true}, legend: {show: false}, xaxis: {tickFormatter: null} }; 我将plothover事件用于工具提示，如下所示： $(this).bind(“plotclick”, function (event, pos, item){ //tooltip code here }

使用jquery和css在图像上的文本: 我正在使用教程http://www.webdesignlondon-tristar.co.uk/website-design-london/insane-jquery-image-rollover 。我希望翻转时图像的淡化/变暗以及文本在教程中显示。但是出于某种原因，即使在启动空白文档时，我也似乎无法使其工作。这不是我第一次使用jquery所以我很困惑为什么我不能让它工作。我把所有代码一起使用了; Untitled Document .wrapper { padding: 8px; background-color: #fff; border: 1px #0d5a2c solid; position: relative; width:300; height: 300; margin: 0 auto; } .wrapper:hover { cursor: pointer; } .description { display: none; background-color: #000; color: #000; position: absolute; left: 8px; top: 8px; text-decoration: none; font-size: 1.5em; width: 250px; height: 130px; padding: […]

Jquery Hover闪烁问题: 希望你的人会好的。这是我的基本代码： http://jsfiddle.net/kr9pY/7/ 在这个演示中，你可以看到当我们将idhover在id为“容器”的div上时，一个div与class =“nav”淡入。但问题是，这样做后，如果我将divhover在div上，使用class =“nav”div淡出并再次淡出，如果我将光标稍微移动到.nav div中，它会重复重复此行为。当我们将鼠标hover在此div中的.nav div或mover光标时，我不想这种行为。谢谢，抱歉我的英语不好。

jquery：嵌套标签和hover（）在IE中不起作用: 我有这样的结构：我需要捕获容器的mouseout事件，所以我做了jquery这样做： $(“#container”).hover(”,function(){ alert(“Out”); }); 在Firefox / Opera中，它只在离开div时触发mouseout-function（我多么想要它）。在IE中，它会在鼠标命中的div内的每个* -Tag处触发mouseout-function。（*可能很重要的是，span标签还有mouseover和out事件）任何人都知道如何解决这个问题？（由于复杂的布局，嵌套结构无法更改） thx4任何想法！

当元素之间移动鼠标太快时，jQueryhover问题: 我在页面上多次重复以下html： outer inner 并有这个jQuery： $(‘.inner’).hide(); $(‘.outer’).hover(function(e) { $(this).children(‘.inner’).show(“slide”, { direction: “right” }, 1000); }, function(e) { $(this).children(‘.inner’).hide(“slide”, { direction: “right” }, 1000); }); 正如你在这里看到的： http ： //jsfiddle.net/342q3/15/在div之间缓慢移动鼠标（等待动画完成）达到了一次只显示一个内部div所需的效果。但是，如果在div之间快速移动鼠标，则所有内部div仍然可见。我尝试过使用stop（）函数但没有成功。如何防止内部div保持打开状态？

如何在mouseover事件处理程序中创建click事件处理程序？: 我正在尝试构建某种元素检查器（如在Chrome / FF中）。流程如下：单击“开始检查”按钮。你将鼠标hover在必要的元素上您单击该元素。您应该在控制台中看到该元素。 JSFiddle的例子这是代码： startInspecting = function(){ $(‘section *’).on(‘mouseover.INSPECTOR’, function(e){ $(‘.hovered-element’).removeClass(‘hovered-element’); $(e.target).addClass(‘hovered-element’); $(this).on(‘click.INSPECTOR’, function(e){ $(‘section *’).off(‘mouseover.INSPECTOR’); $(‘section *’).off(‘click.INSPECTOR’); $(‘.hovered-element’).removeClass(“hovered-element”); console.log(e.target); }); }); }; 问题是：每次我将鼠标hover在某个元素上时，都会附加click事件处理程序。因此，如果我将鼠标hover在p元素上5次，然后单击它 – 我将看到5个console.log而不是1 。我尝试使用mouseenter/mouseleave实现它，但遇到了问题，每个元素只能hover一次 – 另一个JSFiddle示例那么如何改进我的代码，无论我将鼠标hover在元素上多少次，它只有一个点击处理程序？在此先感谢，任何帮助将不胜感激！