Question

我想知道如何让我的Select2下拉列表在Bootstrap popover中运行。我知道问题是在启动popover-event-click之后加载了popover内容，因此Select2的JS代码不起作用。我只是不知道如何解决它。

实施例： http://hammr.co/8234009/6/problems.html

在名为“Aaaah！”的第四个问题上尝试按“提交”你会看到弹出窗口。然后尝试按下“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,
});
},

});

如何在引导程序弹出窗口内使用Select2

1 个答案: