jquery - 用 jquery 触发悬停 - 吸盘鱼

Question

所以我尝试使用 jquery 触发悬停事件，jquery 检测到具有焦点的元素并添加一个类

$(document).ready(function() {
$('a').attr('tabindex', 0);
$('ul#main-nav li a').first().focus().addClass('hovered');
});

然后是css声明

 #main-nav li:hover  ul,  #main-nav li a.level1:hover ul,  #main-nav li a.hovered ul{
    left: auto;
    width:auto;
    display: block;
    top:55px;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;

    padding: 0px 20px 5px 20px;
    z-index: 2;
    border-top:2px solid #fff;
    box-shadow:-5px 8px 15px -5px #000;

}

这在理论上应该可行，但也许我错过了显而易见的事情。

Answer 1

我认为您正在为此尝试：

$('ul#main-nav li a').first().focus(function() {
  $(this).addClass('hovered');
});