我有一个 jQuery 的问题:我希望通过在另一个元素上悬停来触发一个元素的 :hover
事件,但控制台显示了以下错误:
Uncaught RangeError: Maximum call stack size exceeded
以下是我的 Javascript 函数代码:
$(".love").hover(function() {
$(".fa-heart").trigger('mouseover');
});
这里是我的HTML代码:
<div class="middle-bar grey-dark"></div>
<ol class="container text-center" id="love-inline">
<li>
<h2 class="love inline" id="LOVE-left">Nos coups de</h2>
</li>
<li>
<h2 class="love inline" id="heart"><i class="fa fa-heart hvr-pulse-grow"></i></h2>
</li>
<li>
<h2 class="love inline" id="LOVE-right">du moment</h2>
</li>
</ol>
<div class="little-middle-bar grey-dark"></div>
<div class="end-bar"></div>
有什么想法吗?
li
元素作为ol
的直接子元素。 - Rory McCrossan