Bootstrap手風琴ajax僅在點擊時加載

Question

我想知道如果只有內容處於活動狀態纔可以將ajax加載到手風琴。這將避免不必要的數據加載。裝載時可能會添加一些微調。一直在尋找網絡，並沒有找到任何解決方案。謝謝。

這裏是原始手風琴示例

http://www.bootply.com/117967

Answer 1

引導具有面板中顯示的事件，可以使用。

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

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

Answer 2

試試這個：

$('#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. 
});