Init select2在bootstrap模式中

Question

当我第一次打开模态select2时，日期选择器小部件被正确初始化。然后我使用$（'＃myModal'）。html（data）将模态内容替换为其他HTML，在此阶段，小部件不会被初始化。

在它的DOM元素上运行.datepicker（）可以解决问题，但是在带有和不带选项的输入元素上运行.select2（）不起作用。

任何帮助都会非常感激。 感谢。

Answer 1

只需在加载模式事件上初始化datepicker或其他内容：

$('#myModal').on('shown.bs.modal', function () {
    $('#myInput').datepicker();
  })

以下是文档：http://getbootstrap.com/javascript/#modals-events

Answer 2

我找到了解决方案而且有点奇怪。 模态中的HTML被替换为：

$('.modal-content').html(html);

它在视觉上有效，我可以在模态中看到新内容，但小部件未初始化。将此调用更改为：

$('#ajax-modal-lg').find('.modal-content').html(html);

解决了这个问题。