Tag: hover

每个类元素的简单jquery .hover（）方法: 没有做太多的jquery并遇到了问题。我想用类.social-tile绑定所有div的hover事件。我是这样做的： $(function(){ var social_default = $(‘.social-tile’).css(‘margin-right’); $(‘.social-tile’).each(function(){ $(this).hover(function(){ $(this).animate({ ‘margin-right’: ‘0px’ },500); },function(){ $(this).animate({ ‘margin-right’: social_default },500); }); }); }); 当我将鼠标hover在一个元素上时，会触发所有div的动画，并且它们一次全部移动。我想只为我hover的特定元素制作动画。可能这里有一个非常简单的解决方法，谢谢。

有没有办法检测我是否在文本上空盘旋？: 我真正想要的是检测光标何时变为“文本”类型，也就是说，当我将鼠标hover在一段文本上时。我曾尝试查看我hover的元素类型，但这不太准确，因为我不知道它们实际包含的内容。我知道只有先前由我分配了CSS光标属性才能检测到它。这有可能吗？你会怎么做呢？编辑：我不想检查如果我当前在特定元素上，我想知道我是否将鼠标hover在该元素中的任何文本上。 div可以是浏览器的100％宽度，但是在最左边有一段较短的文本。我不想检测何时将鼠标hover在元素的任何部分上。

实现hover信息框: 我有一个日历，当用户将鼠标hover在单元格上时，会出现一个包含该日期详细信息的大信息框。虽然当用户离开时使信息框消失，但我遇到了一些麻烦。我基本上想要它，以便当鼠标光标移出信息框隐藏的日历单元格时，它将消失。但是我遇到了麻烦，因为通过将信息框作为顶部元素， mouseenter和mouseleave离开了。所以我尝试通过使用透明的“占位符”div，与其下面的日历单元具有相同的形状和位置，并且z-index为1000，因此它们位于信息框上方。然后我将mouseenter和mouseleave事件应用于这些div。但是这有两个问题。一，我现在已经在语义上弄乱了我的HTML。 div没有任何目的，只能绕过似乎是一种限制。其次，他们搞砸了我的jQuery UI选择（我已经将它应用到日历单元格 – 点击不再选择单元格）。是否有一种干净的方式来处理显示信息框？用户不会与信息框进行交互 – 它只是为了显示信息。编辑：这是一些代码：和CSS li { position: absolute; width: 15%; height: 20%; top: … left: … } .day-content { position: absolute; width: 100%; height: 100%; } .day-content-placeholder { position: absolute; width: 100%; height: 100%; z-index: 1000; } .popup […]

在淡入/淡出期间，Jquery，禁用/忽略hover事件？: 我正在试图弄清楚这是否可行。我有一个基于hover在某些部分上的淡入/淡出的图像映射..问题是当用户在淡入淡出期间徘徊到不同的区域时它完成它正在做的淡入淡出然后对鼠标被移动到的区域做了一个..如果用户在几个不同的区域之间快速移动，那么淡入淡出显得非常跳跃和笨拙，所以我希望能够禁用hover事件（在另一次淡入淡出的过程中，它会忽略它。我曾考虑使用某种延迟，但我不知道这是否可行，因为我认为它会延迟衰退……任何建议都表示赞赏。

jquery如何在hover时只更改一个父级: 当我将鼠标hover在标签上时，我只想更改一个父级。代码是： $(‘.hover’).each(function () { $(this).parent().hover(function () { $(‘p’).parent(this).css(‘font-size’,’30px’); }, function () { $(‘p’).parent(this).css(‘font-size’,’10px’); }); }); 而HTML是： 1 xxxx 2 yyyy 当我将鼠标hover在“xxxx”上时，我希望“1”和“xxxx”改变，但“2”和“yyyy”什么都不做，当我将鼠标hover在“yyyy”上时，我希望“2”和“yyyy”改变但“1”和“xxxx”什么都不做。我是jQuery的新手。

jQuery Datepicker – 在hover时获取日期: 我正在使用这个 jQuery datepicker，我试图在hover时获取日期的值。我看到插件有一个参数： eventName The desired event to trigger the date picker. Default: ‘click’ The desired event to trigger the date picker. Default: ‘click’ 由于文档非常有限，我想知道除了click之外是否还有其他选项，如果没有，我如何使用eventName获取hover值。

当另一个div徘徊时切换div的内容: 我无法让这样的事情发挥作用。我有一系列DIVS（1到8），当你将鼠标hover在一个div上时，我希望用#replace（当前设置为隐藏） Bla Bla Bla 的内容逐字地更改其中一个div的内容 Bla Bla Bla 这是我到目前为止所得到的： $(‘#1’).on({ mouseover: function(){ $(‘#2’).replaceWith(jQuery(‘#replace’)); }, mouseleave: function(){ $(‘#2’).replaceWith(jQuery(‘#2’)); }, click: function(){ $(‘#2’).replaceWith(jQuery(‘#replace’)); $(‘#1’).off(‘mouseleave mouseover’); } }); 根本没有效果 – 我的逻辑是坏的，我是怎么做的坏等等……？

jQuery .hover（）或.mouseleave（）没有使用chrome: 问题描述：在我的菜单中，当.mouseenter()菜单打开，当.mouseleave()关闭时，但如果我点击很多，则会执行.mouseleave()事件。这只发生在Chrome浏览器上。我的菜单中有其他.click()事件，但每次点击我都会执行.mouseleave()事件。 $(document).ready(function() { $(“#nav1 li”).hover( function() { $(this).find(‘ul’).slideDown(); }, function() { $(this).find(‘ul’).slideUp(); }); }); #nav1 a { color: #FFFFFF; } #nav1 li ul li a:hover { background-color: #394963; } div ul li ul { background-color: #4a5b78; list-style: none } #nav1 > li > a { padding: 16px 18px; display: block; border-bottom: 2px solid […]

如何使hover触发动画仅在具有半径边界与jquery的div中的圆形区域上: 我不是程序员，我正在尽力解决这个问题，但经过几个小时和头痛我放弃了，我正在寻求帮助。我有一个圆形徽标（一个半径为px足以成为圆形的div和一些文本），当我hover在徽标后面时，我会有一个动画从徽标后面出来。我注意到我的动画是在圆形徽标和带有徽标的div（它仍然是正方形）之间的“空白区域”上触发的。目前我的脚本是这样的： $(“#logo”).hover(function(event){ // Hovering myHover = “transition”; $(“#black”).stop().animate({“top”:”-200px”}, speed/2, function(){ myHover = 1; }); },function(event){ // Finish hovering myHover = “transition”; $(“#black”).stop().animate({“top”:”0px”}, speed/2, function(){ myHover = 0; }); }); 我试着在网上和堆栈溢出上寻找能帮助我的东西，而我发现它最接近的是： http://jsbin.com/oqewo – 来自其他问题准确地检测具有圆角的div的鼠标hover事件我试图实现它，我确实提出了一些不够流畅的动画（我尝试调试试图在徽标上使用鼠标前后移动以查看脚本的反应）： $(“.myCircle”).hover( // when the mouse enters the box do… function(){ var $box = $(this), offset = $box.offset(), radius […]

右键单击时，jQuery Hover Menu消失: 我有一个菜单在hover时打开。但是在右键单击时，菜单会在上下文菜单打开时消失。但我无法弄清楚为什么。我需要在上下文菜单/右键单击的同时打开hover菜单。 jQuery代码（版本jquery-1.11.2.min.js）： jQuery(document).on(‘mouseover’,’#main_menu’,function() { jQuery(‘#main_menu_inner’).show(); }); jQuery(document).on(‘mouseleave’,’#main_menu’,function() { jQuery(‘#main_menu_inner’).hide(); }); HTML： Link Link Link