在引导模式中初始化 select2

【问题标题】：Init select2 inside bootstrap modal在引导模式中初始化 select2
【发布时间】：2015-04-28 17:57:19
【问题描述】：

当我第一次打开模式 select2 时，日期选择器小部件已正确初始化。然后我使用 $('#myModal').html(data) 将模态内容替换为其他 HTML，在此阶段小部件未初始化。

在它的 DOM 元素上运行 .datepicker() 解决了这个问题，但是在它的输入元素上运行 .select2() 并没有选项都不起作用。

任何帮助将不胜感激。谢谢。

【问题讨论】：

【解决方案1】：

只需在加载模式事件中初始化日期选择器或其他东西：

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

【讨论】：

【解决方案2】：

我找到了解决方案，但有点奇怪。模态框内的 HTML 被替换为：

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

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

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

解决问题。

【讨论】：