Tag: jquery hover

单击时向超链接添加活动状态: 我在尝试向链接添加活动状态时遇到了一些麻烦。这是我正在玩的代码： $(function () { $(‘a’).click(function () { $(this).addClass(‘PnavCurrent’); //$(“div a”).removeClass(“PnavCurrent”); //$(“div a[href=”+newHash+”]”).addClass(“PnavCurrent”); $(this).removeClass(‘PnavCurrent’); $(this).css(‘color’, ‘#51ad9d’); $(this).css(‘z-index’, ‘2’); $(this).css(‘border-color’, ‘#00a8ff’); $(‘a’).hover($(this).css(‘z-index’, ’10’)); }); }); 由于某种原因，它不会为链接应用css活动状态类（’PnavCurrent’），但是当我在脚本代码中使用{$(this).css…}指定它时，它确实可以正常工作。现在我想要的是为脚本代码中的链接添加hover状态z-index，如下所示： $(‘a’).hover($(this).css (‘z-index’, ’10’)); 我尝试使用上面的一小段代码来尝试实现这一点，但它不起作用。如果有人能帮助解决这个问题并且可能是一个更好的解决方案，我将不胜感激。

jQuery – 用动态图像源替换主图像源: 我有一个显示的图像列表，每个图像都有一个或多个附加缩略图的列表。当使用hover在其中一个附加图像上时，主图像必须随附加图像的来源而改变，当鼠标离开该缩略图时，原始主图像源会返回。我设法使它工作，但它只更新源与循环中找到的最后一个thumnbail，所以我基本上卡在这里是我的代码，目前不工作 load($_product->getId()); /* getting additional images url */ foreach ($product->getMediaGalleryImages() as $image) {?> <a href="https://stackoverflow.com/questions/21256081/jquery-replace-main-image-source-with-dynamic-image-source/getUrl();?>”> <img src="https://stackoverflow.com/questions/21256081/jquery-replace-main-image-source-with-dynamic-image-source/helper(‘catalog/image’)->init($_product, ‘thumbnail’, $image->getFile())->resize(60, 60); ?>” width=”60″ height=”60″ alt=”” title=”” /> // var newSrc = jQuery(‘.additionalImg a img’).attr(‘src’); jQuery(‘.additionalImg a’).hover(function(){ jQuery(‘.mainImg’).attr(“src”, newSrc) }); 非常感谢

将鼠标hover在LI上以显示div: 我在这里问了类似的问题，虽然我得到了一些答案，但我没有设法让它发挥作用。简而言之，我有一个这样的UL列表： Caviar Athena Knot Brooke Leaf 贝娄，我有4个DIV。除了第一个之外的所有这些都应该被隐藏，并且只有当用户将鼠标hover在上面的LI链接上时才会打开。所以，简而言之。用户来到页面，第一个链接打开。他徘徊超过第二，第二个出现，同样的事情与第三，第四… Some text for the first link Some text for the second link Some text for the third link Some text for the fourth link

Bootstrap弹出窗口不适用于第一个mouseenter事件: 我使用如下代码 this 我按如下方式触发了jquery事件 $(document).on(“mouseenter”,”.reply”,function(event){ $(this).popover({placement:’bottom’}); }); 但问题出在第一个hover事件上，popover没有显示出来从第二次事件popover得到正常显示…这种活动的原因是什么以及如何纠正它…

jQuery` .is（“：hover”）`似乎只能在Chrome中工作: 请参阅下面的代码（非常剥离，而不是我的全部function）。我也有一个小提琴，你可以测试它： https ： //jsfiddle.net/glenn2223/uk7e7rwe/1/ var hov = $(“I’m Over You”), box = $(“Result: WAITING”) $(“body”).append(hov).append(box); $(“#MeHover”).on(‘mouseleave’, function(){ var d = new Date(); box.text(“Result: ” + hov.is(“:hover”).toString().toUpperCase() ); }); 我们有一个div和div.over轻微重叠。当你从div移动到div.over我希望函数返回true。在我的完整function中：这会阻止它隐藏div.over元素。在Chrome中打开它可以按预期工作。但是，它并不是其他所有东西（测试中：Edge，IE11和Firefox）。

如果窗口宽度小于768px，请勿触发function: 如果页面加载和resize的窗口宽度小于768px，我不想showCover()函数。使用下面的代码，即使窗口小于768px，它仍然被触发。 function ipsThemeViewer() { jQuery(window).resize(function() { if ( jQuery(window).width() < 768 ) return false; showCover(); }).resize(); } function showCover() { jQuery('#ipsThemeViewerScreen').hover(function () { var t = jQuery(this); jQuery('.cover').stop().fadeIn('fast'); }, function () { var t = jQuery(this); jQuery('.cover').stop().fadeOut('fast'); }); }

检测所有浏览器中选择选项的鼠标hover: 我正试图让一个方框弹出一个下拉菜单的侧面，以与当前hover的选项内联。这不容易解释，所以这是一个工作示例（仅适用于Firefox）。 http://jsfiddle.net/WJaVz/21/ 我已经在Chrome和IE中尝试了它，但似乎都没有识别选项的mouseenter事件，所以预览框永远不会出现。我试图将事件更改为鼠标hover并专注于他们喜欢它们但它仍然无法在IE和Chrome中工作。（还没有经过测试过的歌剧或safari。）一个想法是可能使下拉列表成为无序列表并使其看起来像下拉列表，我想我可以检测到li具有mouseenter事件的时间。有没有人知道这个的解决方案，所以它适用于大多数当前的浏览器，如果不是所有的浏览器没有重建大部分？

hover动画上的jQuery多次触发: 我试图弄清楚为什么我的hoverfunction表现得很奇怪。当您将鼠标hover在div上时，另一个div变为可见。但是，当我将光标向下移动到可见的div时，它会淡出并再次淡入。这不应该发生，应该保持可见，直到我的光标离开主容器。这是我的代码。 HTML Hover here! Search: Search // jQuery的 jQuery(function($) { $(“#searchWrapper”).hover( function () { $(“.searchLinks”).fadeIn( 500 ); }, function () { $(“.searchLinks”).fadeOut( 500 ); } ); }); CSS #searchWrapper { position:relative; } #searchWrapper .searchLinks { position: absolute; z-index: 99999; top: 50px; background: #e7e7e7; right: -145px; display:none; padding:10px; } #searchWrapper .box { […]

jQueryhover在IE10中不起作用，但适用于较低的IE版本: 在我的网站上，这些框应该淡入描述中。这适用于我尝试过的每个浏览器，除了IE10。这是一个WordPress网站，我使用九个插件。我已经尝试停用所有插件但徘徊仍然无法在IE10中运行。下面是我用于hover的代码： jQuery(document).ready(function($){ $(‘.thumbnail’).hover(function() { $(‘img’, this).stop(true,true).fadeTo(100, 0.1); $(‘.description’, this).stop(true,true).fadeIn(100); }, function() { $(‘img’, this).stop(true,true).fadeTo(100, 1); $(‘.description’, this).stop(true,true).fadeOut(100); }); }); 有人可以帮我识别问题吗？如果我遗漏了任何重要信息，请告诉我。谢谢。编辑：过滤/hover的整个代码。 // Filter $(function() { var time_effect = 1000; var effect_name = ‘easeOutQuart’; $(‘.all’).quicksand( $(‘.everything article’), { duration: time_effect, attribute: ‘data-id’, easing: effect_name, adjustHeight: ‘auto’, useScaling: false }, function() […]

如何在jQueryhover菜单上允许默认子菜单: 这是从一个相关问题开始的。得到一个精彩的答案后，我遇到了一个无法预料的function差距：如何默认显示一个菜单？更具体地说，如果用户登陆我的子导航中存在的页面，我希望打开该子导航，并突出显示当前页面。如果他们使用菜单浏览它会相应地改变，但如果他们没有做出选择，总是回到默认状态。我正在以此为基础的代码可以在这个jsfiddle中找到。菜单结构如下： Main 1 Main 2 Main 3 Main 4 Sub 1.1 Sub 1.2 Sub 1.3 Sub 2.1 Sub 2.2 有人提出，基本的想法是将鼠标hover在原来的状态，这样才能完全正确，但是如何保存菜单所处的初始状态呢？