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

Question

我不知道如何在Bootstrap彈出式窗口中使用Select2下拉菜單。 我知道問題是在啟動popover-event-click之后加載了popover內容，因此Select2的JS代碼無法正常工作。 我只是不知道如何解決。

示例： http ： //hammr.co/8234009/6/problems.html

嘗試在名為“ Aaaah！”的第四個問題上按“提交”。 然后您將看到彈出窗口。 然后嘗試按“阿拉巴馬州”下拉列表（這是Select2下拉列表），它將無法正常工作（因為未啟動JS，因為在DOM之后加載了彈出內容）。

任何人都知道如何使其工作嗎？

Answer 1

是的可能

感謝bootstrap popover回調修改

/* 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,
});
},

});