ajax调用后Select2停用

Question

我已经为布局页面中的所有选择元素激活了 Select2 插件（以将其应用于整个应用程序）

<script> $(document).ready(function() {
  $('select').select2()

但是在ajax调用之后，应用于所有选择元素的select2失效，如何解决这个问题？我想永远保持 select2 处于活动状态。谢谢！

Answer 1

我意识到有点晚了，很难知道您的问题是否与我的完全相同，但我刚刚遇到了类似的问题。

我正在使用 Ajax 向我的页面添加新的 select 控件，然后在 success 回调中对新添加的 select 控件初始化 Select2。我发现无论何时发生这种情况，Select2 都会停止修改页面上现有的select 控件。

最终我发现问题的原因是动态添加的select 控件都具有相同的id。这似乎破坏了 Select2，但公平地说，在任何给定时间，页面上的特定 id 元素都不应该超过一个。

您可以看到this fiddle 中说明的行为。

解决方案只是确保我为 Ajax 调用成功时添加的每个 select 元素的 id 属性设置一个唯一值。