如何通过jquery触发锚标记悬停？

Question

我有一个链接。 它悬停有一些背景效果。

我想通过jQuery触发此悬停。

Answer 1

您可以触发javascript悬停（取决于js lib的mouseenter或mousemove mouseover ），但是无法使用Javascript触发CSS：hover状态。

如果使用jQuery附加事件，则只能使用jQuery触发事件。

Answer 2

使用包装在document.ready JQuery hover（） ，以便在链接上发生悬停时自动触发

$(document).ready(function() {
      $("#YourLinkId").hover(functionToHandleWhenMouseEnters, 
                             functionToHandleWhenMouseLeaves);
});

function functionToHandleWhenMouseEnters() {
     $(this).css({background : red});
}

function functionToHandleWhenMouseLeaves() {
     $(this).css({background: white});
}

编辑：

我非常确定这是否是您想要的，但是根据David的评论，可能不是。 如果要以编程方式触发（触发）悬停，则应使用jQuery trigger（）

$("#YourLinkId").trigger("mouseover");

Answer 3

我不确定，但是我不相信您可以为CSS元素触发:hover状态。 我建议您处理元素的悬停事件，并为元素添加/删除一个特殊的类，例如：

CSS：

#myElement.myClass { }

jQuery的：

$("#myElement").hover(
    function(){
        //mouse in
        $(this).addClass("myClass");
    }, function(){
        $(this).removeClass("myClass");
    });

Answer 4

$('#hrefID').trigger('mouseover'); //triggers hover
//your 'hover' code runs....
$('#hrefID').trigger('mouseout'); //removes hover
//your 'mouse out' portion of hover code runs here...

请参阅jQuery Trigger（）上的此链接