select2在bootstrap模式中不起作用

Question

我的表单中包含input class="select2"元素，我通过$(".select2").select2()调用该表单。这照常工作。

现在的问题是，当我使用AJAX调用在模态对话框中插入此表单时，它不会再次加载select2()函数，并且不会加载与select2相关的JS和CSS。

Answer 1

Select2的CSS和Javascript必须包含在你将拥有模态的页面中。页面加载时会发出请求。

在加载模态后，需要将Select2绑定到元素。为此，您可以使用相对于success调用的$.ajax函数。

或者，您可以使用bootstrap的事件shown.bs.modal，在模式显示后触发（see the events section模态文档）。像这样：

$('#myModal').on('shown.bs.modal', function (e) {
    $(".select2").select2()
}):