如何在引導彈出窗口中使用Select2

Question

我想知道如何讓我的Select2下拉菜單在Bootstrap彈出窗口內工作。我知道問題是彈出窗口內容在啓動popover-event-click之後被加載，因此Select2的JS代碼將無法工作。我只是不知道如何解決它。

例： 「AAAAH」 http://hammr.co/8234009/6/problems.html

嘗試按上提到的第四個問題 「提交」你會看到popover。然後嘗試按下「Alabama」-dropdown（這是Select2下拉菜單），它不會工作（因爲彈出內容在DOM之後加載，所以JS未啓動）。

任何人都知道如何使它工作？

Answer 1

是可能

感謝 bootstrap popover callback modification

/* override bootstrap popover to include callback */ 

var showPopover = $.fn.popover.Constructor.prototype.show; 
$.fn.popover.Constructor.prototype.show = function() { 
showPopover.call(this); 
if (this.options.showCallback) { 
this.options.showCallback.call(this); 
} 
} 

$(this).popover({ 
container:'#maincont', 
placement:'right', 
html : true, 
title: function() { 
      return $('#'+pk).html(); 
     }, 
    content: function() { 

      return $('#'+pk).clone(); 

     }, 
     showCallback : function() { 

$(".popover-content select").select2({ 
containerCss : {"display":"block"}, 
allowClear: true, 
}); 
}, 

});