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

【问题标题】：Bootstrap accordion ajax load only on clickBootstrap 手风琴 ajax 仅在点击时加载
【发布时间】：2014-04-03 00:07:55
【问题描述】：

我想知道是否只有在内容处于活动状态时才能将 ajax 加载到手风琴。这将避免不必要的数据加载。在加载的同时可能会添加某种微调器。一直在寻找互联网，并没有找到任何解决方案。谢谢。

这是原始手风琴示例

http://www.bootply.com/117967

【问题讨论】：

标签： javascript ajax twitter-bootstrap

【解决方案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. 
});

【讨论】：

【解决方案2】：

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

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

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

【讨论】：

也许可以，但是如何获取id并将ajax的输出结果附加到body？
你是在问ajax怎么写？这似乎超出了这个问题的范围。
我知道如何（php 部分 - 以及如何从 jq 调用 if），但如何获取 id 并将值设置为字段。我认为它仍然是同一个问题。