我在Wordpress中使用自定义的Bootstrap主题。我使用NavBar作为我的手机菜单。我有一个堆叠子菜单像这样... https://www.dropbox.com/s/t4l0qjzno0wn42f/nav.jpgMake Bootstrap 3活动菜单保持打开状态
问题是,当这些子项中的一个被点击时,父项关闭。我希望子面板只要用户在父项内就保持打开状态。有没有办法做到这一点?
我在Wordpress中使用自定义的Bootstrap主题。我使用NavBar作为我的手机菜单。我有一个堆叠子菜单像这样... https://www.dropbox.com/s/t4l0qjzno0wn42f/nav.jpgMake Bootstrap 3活动菜单保持打开状态
问题是,当这些子项中的一个被点击时,父项关闭。我希望子面板只要用户在父项内就保持打开状态。有没有办法做到这一点?
我不是100%确定我理解你的问题。 点击一个子项目,应该打开一个新页面?在新页面上,您将保持当前项目处于活动状态(或其父项)。
1)发现新网页的网址:
$(location).attr('href').substring($(location).attr('href').lastIndexOf('/') + 1);
基于:https://stackoverflow.com/a/2865546/1596547和https://stackoverflow.com/a/1991638/1596547
2)在此之后与1的链接URL)找到你的子项:
$('li.dropdown ul.dropdown-menu li a[href="' + $(location).attr('href').substring($(location).attr('href').lastIndexOf('/') + 1) +'"]')
3)一个开放活性母体应具有类active
和open
添加基于2)这些类:
$(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');
}
});
注意菜单的崩溃将删除所有open
类。对于您的手机版本,您应该在崩溃后添加open
类(请参阅:http://getbootstrap.com/javascript/#collapse-usage的活动)。