Bootstrap摺疊不能與Ajax創建的內容一起使用

Question

我使用Ajax來獲取用於在克隆的div內設置屬性的[數據]。 在這個div是自舉手風琴：

<div class='accordion-toggle' data-toggle='collapse' data-target='' style='cursor: pointer;'> 
... 
</div> 

<div class="accordion-body collapse" id=""> 
... 
</div> 

在成功的Ajax調用我設置有接收但是崩潰從未被稱爲數據手風琴的數據目標和ID。我甚至試圖在克隆後發起崩潰。這裏是我的JQuery：

$.ajax({ 
      ... 
      success: function(data) { 
         var id = data.id; 
         var data_target = '#target_' + id; 
         var inventory = $('#inventory_html').clone().attr('id',id); 
         $('.pick_inventory').append($(inventory_i)); 

         $('#' + id).find('.accordion-toggle').attr('data-target',data_target); 
         $('#' + id).find('.accordion-body').attr('id',data_target); 

         $('#' + id).find('.collapse').collapse({toggle: false}); 
} 

當我去點擊手風琴切換沒有任何反應。任何幫助？

Answer 1

我發現了兩個小問題：庫存變量看起來不對，可摺疊div的ID不應該有＃。

嘗試：

var id = data.id; 
var data_target = 'target_' + id; 
var inventory = $('#inventory_html').clone().attr('id', id); 
$('.pick_inventory').append(inventory); 

$('#' + id).find('.accordion-toggle').attr('data-target', '#' + data_target); 
$('#' + id).find('.accordion-body').attr('id', data_target); 
$('#' + id).find('.collapse').collapse({ toggle: false });