用jquery触发悬停 - suckerfish

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