jquery用于切换子菜单，但如果子菜单页面处于活动状态，则保持子菜单打开
jquery用于切换子菜单，但如果子菜单页面处于活动状态，则保持子菜单打开
提问于 2012-08-10 23:32:16
我只是想深入了解jquery，如果这个问题已经得到了回答，请原谅。我搜索过了，但找不到与我想要做的事情相关的例子。
我有一个垂直菜单，里面有一些子菜单。当顶层菜单被点击时，子菜单就会打开。问题是，当单击其中一个子菜单项时，我希望子菜单保持打开状态。与现在一样，当单击子菜单项时，菜单会折叠。
下面是我的代码：
// Add class of drop if item has sub-menu
$('ul.sub-menu').closest('li').addClass('drop');
// Left Sidebar Main Navigation
var menu_ul = $('.menu > li.drop > ul'),
menu_a = $('.menu > li.drop > a');
menu_ul.hide();
menu_a.click(function(e) {
e.preventDefault();
if(!$(this).hasClass('active')) {
menu_a.removeClass('active');
menu_ul.filter(':visible').slideUp('normal');
$(this).addClass('active').next().stop(true,true).slideDown('normal');
} else {
$(this).removeClass('active');
$(this).next().stop(true,true).slideUp('normal');
}
});我想如果我试着把我想要的翻译成一个清晰的编码型句子，它会是这样的。基本上，我需要查询DOM中任何有子菜单的活动菜单，如果页面显示其中一个子菜单项，则显示子菜单下拉菜单。
回答 3
Stack Overflow用户
回答已采纳
发布于 2012-08-11 02:13:00
我想你有两个选择。
- 考虑使用Ajax加载页面
- 模拟每个页面上的单击事件。
例如：
对于"Portfolio“项目，请添加以下内容
<script type="text/javascript">
$(document).ready(function(){
jQuery('#menu-item-38>a').trigger('click');
});
</script>对于“关于我们”：
<script type="text/javascript">
$(document).ready(function(){
jQuery('#menu-item-180>a').trigger('click');
});
</script>Stack Overflow用户
发布于 2012-08-11 03:19:48
删除这一行怎么样？
menu_ul.filter(':visible').slideUp('normal');这将防止隐藏不活动的菜单。
试一试，让我们知道。
Stack Overflow用户
发布于 2013-12-26 23:18:34
在样式表中创建一个额外的类
.menu ul.keepthisopen {display:block !important;}将类添加到要保持打开状态的子菜单中的ul中。
(示例)在"About“页面上，进入代码，找到菜单，找到"About”链接，这是一个
- 项目，其下方是该项目的子菜单。将其更改为
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11904879
复制相关文章
相似问题
腾讯云开发者
