根据窗口URL展开jquery引导面板

时间:2015-02-11 03:18:37

标签: jquery twitter-bootstrap twitter-bootstrap-3 menubar

我正在尝试使用类似于此图片的当前页面网址折叠/展开的引导侧边栏面板列表。

Bootstrap Expand Collapse

所以在上面的图片中,如果程序&中的任何链接资源是当前的URL然后扩展程序& “资源”选项卡并突出显示当前URL的链接。 “培训,认证等”下的其他链接也是如此......

这是我到目前为止所拥有的。标签工作正常,当前页面突出显示,但我无法弄清楚如何在页面加载时打开父标签以显示此面板。我想我正在使用.parents或.collapse不正确。

console.log(window.location.pathname);
jQuery('.list-group-item a[href$="' + window.location.pathname +    '"]').addClass("active").parents('.panel .panel-heading a').collapse('show');

https://jsfiddle.net/BVmUL/1325/

1 个答案:

答案 0 :(得分:1)

改变一下:

jQuery(' .list-group-item a [href $ ="' + window.location.pathname +'"]')。 addClass("有效") .parents(' .collapse') .collapse(' show');