如何解决如何通过jquery触发锚标记悬停?
| 我有一个链接。它悬停有一些背景效果。 我想通过jQuery触发此悬停。解决方法
您可以触发javascript悬停(取决于js库,取决于lib1ѭ或
mousemove
的mouseover
),但是您无法使用Javascript触发CSS:hover状态。
如果使用jQuery附加事件,则只能使用jQuery触发事件。
,使用包裹在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\");
,我不确定,但是我不相信您可以为CSS元素触发:hover
状态。我建议您处理元素的悬停事件,并为元素添加/删除一个特殊的类,例如:
CSS:
#myElement.myClass { }
jQuery的:
$(\"#myElement\").hover(
function(){
//mouse in
$(this).addClass(\"myClass\");
},function(){
$(this).removeClass(\"myClass\");
});
,$(\'#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()上的此链接
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。