2017-04-24 67 views
2

上我用打开一个新的面板时已经设置了引导隐藏当前打开的面板不会崩溃你点击一个当前打开的面板,即打开的面板应该保持打开时点击它。它只能在点击其他折叠面板时折叠。引导手风琴如果点击打开面板

我试了一下这样的,但它不工作:

$('.collapse').on('show.bs.collapse', function() { 
    $('.in').not(this).collapse('hide'); 
}); 

这可能不知?

JSFiddle

+0

你可以发布一个完整的工作的例子吗?也是HTML。 – ZimSystem

+0

我编辑了我的初始文章,并在JSFiddle上添加了一个工作示例的链接。 – iamfredrik

回答

0

引导添加类“中”,打开面板,你可以用它来探测天气的面板已经打开,如果这样,那么你可以跳过通过调用event.stopPropagation()你可以阅读更多关于崩溃stopPropagation here

$('.panel-title > a[data-toggle="collapse"]').click(function(e){ 
    target = $(this).attr('href') 
    if ($(target).hasClass('in')) { 
    e.preventDefault(); // to stop the page jump to the anchor target. 
    e.stopPropagation() 
    } 
}) 

jsfiddle

+0

不幸的是,这也没有工作。我在我的初始文章中添加了一个JSFiddle的链接,以便您可以查看它。 – iamfredrik

+0

添加JSFiddle很有帮助。修订于 – Sammy

+0

谢谢!你的例子工作,但e.stopPropagation()导致浏览器跳转到我正在工作的网站上的目标元素。我通过更改e.stopPropagation()来修复它以返回false ;. – iamfredrik

相关问题