gpt4 book ai didi

javascript - 我的 jquery 菜单焦点功能不工作

转载 作者:行者123 更新时间:2023-11-28 07:57:56 27 4
gpt4 key购买 nike

对不起,我刚刚开始学习 jquery,我正在为最基本的事情而苦苦挣扎jsfiddle:http://jsfiddle.net/ufvakggn/

这是我的功能:

var active = $('nav ul li');

active.focus(function() {
$(this).children('ul').toggleClass('active');
})

基本上我想在我的菜单中使用选项卡进行导航。我认为最好的方法是在父元素具有焦点时在子元素上使用 toggleclass。但我做不到这一点

更新:实际上我在

上取得了一些进展
var active = $('.has-sub a');

active.focus(function() {
$('nav ul ul').toggleClass('active');
})

仍在尝试找到一种方法来切换每个元素,而不是在我关注某些内容时激活所有子菜单

最佳答案

您想针对特定的 <ul>那是一个sibling目标 <a>

$('.has-sub a').on('focus blur', function() {
$(this).siblings('ul').toggleClass('active');
});

在事件处理程序中 this是选择器中发生事件的元素。从那个元素你可以使用任何你需要的遍历来定位其他特定元素

DEMO

关于javascript - 我的 jquery 菜单焦点功能不工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29996102/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com