bootstrap崩潰時不能正常工作

我通過ajax調用獲取我的內容並在運行時創建所有可摺疊面板。但切換功能不以這種方式工作。我正在使用骨幹牽線木偶集合和項目視圖來創建我的面板組。bootstrap崩潰時不能正常工作

我檢查了靜態內容，它對靜態數據工作正常。

我檢查了幾個鏈接，但在我的情況下似乎沒有任何工作。

How to make Twitter Bootstrap Collapse work on dynamically loaded html using ajax

https://github.com/twbs/bootstrap/issues/2274

這裏是我的html的樣子：在阿賈克斯成功新創建的面板上

<div id="accordion" class="panel-group"> 
    <div class="panel panel-default"> 
     <div class="panel-heading"> 
      <ul class="home_nav" data-toggle="collapse" data-parent="#accordion" 
       data-target="NewsMaintenanceMenu"> 
       ... 
      </ul> 
      <span class=""><i class="glyphicon glyphicon-chevron-right"></i></span> 
     </div> 
     <div id="NewsMaintenanceMenu" class="panel-collapse collapse"> 
      <div class="panel-body"> 
       <table class="table table-striped"> 
        <tbody> 
         .... 
        </tbody> 
       </table> 
      </div> 
     </div> 
    </div> 
</div>

來源

2014-10-17 Aviral Jain

我暫時使用jQuery。

$(".panel").on("click", function(e){ 
       var $_target = $(e.currentTarget); 
       var $_panelBody = $_target.find(".panel-collapse"); 
       if($_panelBody){ 
       $_panelBody.collapse('toggle') 
       } 
     })

來源

2014-10-17 09:57:10

呼叫.collapse()。如果您不知道如何操作，請提供一段代碼。

來源

2014-10-17 09:16:17 Dencker

我使用骨幹牽線木偶，並且在渲染視圖後嘗試調用.collapse（）。但這不適合我。我用代碼片段更新了我的問題。 – 2014-10-17 09:28:27

你能提供插入面板的JS代碼片段嗎？ – Dencker 2014-10-17 09:41:33

我覺得他使用Backbone的完整片段無法在這裏上傳。 :) – 2014-10-17 09:46:08

bootstrap崩潰時不能正常工作

回答

相關問題