Bootstrap手风琴ajax仅在点击时加载

Question

我想知道只有在内容有效时才能将ajax加载到手风琴中。这可以避免不必要的数据加载。加载时可能会添加一些微调器。一直在浏览互联网，并没有找到任何解决方案。感谢。

这是原始手风琴示例

http://www.bootply.com/117967

Answer 1

试试这个：

$('#myCollapsiblePanel').on('show.bs.collapse', function(e){
   var itemId  = $(e.target).attr('id').replace('prefix_for_the_ID_of_panel-collapse-div','');
   //$(e.target) refers to the panel-collapse div. 
   //use the itemId to get the relevant data from server via ajax
   //then you can populate the panel-collapse div. 
});

Answer 2

Bootstrap有一个可以使用的面板显示事件。

$('#myCollapsiblePanel').on('shown.bs.collapse', function () {
  // do ajaxy stuff…
})

http://getbootstrap.com/javascript/#collapse-usage