这听起来很简单,并且有一个涉及更改 CSS 类的解决方案,但我想知道是否有一个优雅的即时解决方案来解决以下问题。
这是a similar question ,但它为我的场景创建了“太多递归”。
所以我有 2 个按钮,它们都会转到下一个选项卡;一个位于内容顶部,一个位于内容下方。当我将鼠标悬停在其中任何一个上时,我希望它们都显示悬停状态。它们具有相同的 html 代码;
<a href="#" class="button step-next" onclick="showStep(3); return false;">Next »</a>
按照另一篇文章,我尝试了解决方案;
$('a.step-next').on('mousenter mouseleave', function(e) {
$('a.step-next').not(this).trigger(e.type);
});
但是我最初使用 not() 的逻辑是错误的;它只会在两个元素之间来回触发事件。
显然,我可以更改 CSS 以添加一个新类,并在悬停/不悬停时将其删除,这是我要走的路线。但有没有仅触发的解决方案?
最佳答案
如果我理解正确,您不希望代码生成的事件重新触发代码..
如果是这样,您可以使用 .trigger()
的extraParameters
方法
$('a.step-next').on('mousenter mouseleave', function(e, fromCode) {
if (fromCode === undefined){
$('a.step-next').not(this).trigger(e.type, true);
}
});
关于javascript - jquery 触发悬停在具有相同选择器属性的另一个元素上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15336738/