twitter-bootstrap - 折叠内的弹出框带有手风琴风格的标题

Question

我正在使用 Twitter Bootstap 主题，并且我编写了这个[code]，它实现了手风琴风格的 Collapse。在标题中，我放置了一颗漂浮在右侧的星星。现在我想在用户点击星星时弹出一个窗口，但没有隐藏或显示手风琴的内容！

正如我编码的那样，如果手风琴内容打开并且我单击星号，则会出现一个弹出框，但手风琴内容被隐藏（并反转）。我该如何禁用它？

Answer 1

这是我想出的解决方案。

$('#foo').popover({
   placement : 'right',
   content : 'some text'
});

$('#foo').click(function(){
   var myLink = $(this).parent().attr('href');
  var el = $(this).parent();
 el.attr('href','');
 setTimeout(function(){el.attr('href',myLink);},100)
});

我在这里所做的是，当点击星号时，我将禁用 Accordion 链接 100 毫秒，然后再重新启用它。理想情况下，您希望禁用手风琴，然后在显示或关闭弹出框后启用它。但我找不到检查这些事件的方法。

但是，我使用此代码一段时间，它似乎工作得很好。我找不到任何问题。祝你好运。

更新

好的，以便在单击弹出框时阻止手风琴移动。我正在听弹出框的点击，如果点击了弹出框，那么我正在做与禁用手风琴 100 毫秒之前相同的事情。干杯。

$('#foo').popover({
   placement : 'right',
   content : 'some text'
});

$('#foo').click(function(){
   var myLink = $(this).parent().attr('href');
   var el = $(this).parent();
   el.attr('href','');
   setTimeout(function(){el.attr('href',myLink);},100);
});

$(document).ready(function(){
   $('#accordion2').on('click', '.popover', function() {
       var myLink = $(this).parent().attr('href');
       var el = $(this).parent();
       el.attr('href','');
       setTimeout(function(){el.attr('href',myLink);},100);
  });
});