如何以某个间隔循环悬停类的元素

Question

我希望在一段时间后将鼠标悬停在某些元素上，但似乎无法正确使用。

这是我试过的。

CODE

$(document).ready(function(){
    function setHover() {
        $('.header_Icons_Main').each(function(i, obj) {
            $(this).mouseenter()
        });
    }
    setInterval(setHover, 1000);
});

感谢。

Answer 1

如果您尝试触发CSS悬停（由.header_Icons_Main:hover定义的样式），很遗憾看起来您无法使用JavaScript执行此操作。有关详细信息，请参阅this answer。

但是，您可以定义一个类来添加所需的悬停样式，并通过JS添加/删除此类。

function setHover() {
    $('.header_Icons_Main').addClass('hover');
}

查看此jsfiddle。

修改：在阅读更新后的意图以便在每个项目上按顺序触发悬停状态后，我已更新了小提琴here。