触发与吸盘鱼的悬停

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');
});