Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用jquery触发悬停-suckerfish_Jquery_Triggers_Focus_Hover_Suckerfish - Fatal编程技术网

使用jquery触发悬停-suckerfish

使用jquery触发悬停-suckerfish,jquery,triggers,focus,hover,suckerfish,Jquery,Triggers,Focus,Hover,Suckerfish,因此,我试图使用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

因此,我试图使用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;
}


这在理论上应该是可行的,但也许我忽略了显而易见的一点。

我想你是在努力做到这一点:

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