Twitter bootstrap 使Bootstrap 3活动菜单保持打开状态

Twitter bootstrap 使Bootstrap 3活动菜单保持打开状态,twitter-bootstrap,twitter-bootstrap-3,navbar,Twitter Bootstrap,Twitter Bootstrap 3,Navbar,我正在使用Wordpress的自定义引导主题。我正在使用导航栏显示我的移动菜单。我有一个堆叠的子菜单,就像这样 问题是,单击其中一个子项时,父项关闭。我希望子面板保持打开状态,只要用户在父项中。有没有办法做到这一点?我不能100%肯定我理解你的问题。 单击子项应打开新页面吗?在新页面上,您将保持当前项(或其父项)处于活动状态 1) 查找新页面的url: $(location).attr('href').substring($(location).attr('href').lastIndexOf(

我正在使用Wordpress的自定义引导主题。我正在使用导航栏显示我的移动菜单。我有一个堆叠的子菜单,就像这样


问题是,单击其中一个子项时,父项关闭。我希望子面板保持打开状态,只要用户在父项中。有没有办法做到这一点?

我不能100%肯定我理解你的问题。 单击子项应打开新页面吗?在新页面上,您将保持当前项(或其父项)处于活动状态

1) 查找新页面的url:

$(location).attr('href').substring($(location).attr('href').lastIndexOf('/') + 1);
基于:和

2) 在此之后,通过指向url的链接查找您的子项(从1):

3) 打开的活动父级应具有类
active
open
基于2添加这些类):

注意折叠菜单将删除所有
open
类。对于您的移动版本,您应该在折叠后添加
open
类(请参阅:中的事件)

$('li.dropdown ul.dropdown-menu li a[href="' + $(location).attr('href').substring($(location).attr('href').lastIndexOf('/') + 1) +'"]')
$(function(){
if($link = $('li.dropdown ul.dropdown-menu li a[href="' + $(location).attr('href').substring($(location).attr('href').lastIndexOf('/') + 1) +'"]'))
{
$link.closest('.dropdown').addClass('active open');
}
 });