Question

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

我想通过jquery发布这个悬停。

Answer 1

您可以触发javascript hover（mouseover mouseenter或mousemove或其他内容，具体取决于js lib），但您无法使用Javascript触发CSS：悬停状态

您只能使用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});
}

修改

我非常确定这是否是你想要的，但根据大卫的评论，可能不是这样。如果你想以编程方式触发（触发）悬停，那么你应该使用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()

上查看此链接

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

4 个答案: