jQuery Select2 在选择框过多时冻结浏览器

Question

在一个表单中，我有数千条记录要更新，并且在每条记录中我都有一个选择框（每个选择框有 20-30 个选项），因此总共有数千个选择框。当我使用相同的类在这些所有选择框上应用 Select2 时，它会冻结我的浏览器。如果我不使用 select2 那么它工作正常。

重现此问题：-

1. 创建多个单选框（可能是 4000 个），每个选择框中可以保留 2-3 个选项
2. 现在在浏览器中运行它（它可以在不冻结浏览器的情况下正常工作）
3. 现在在所有选择框上应用 select2（它会冻结浏览器） 谢谢

Answer 1

我也尝试过另一个 jQuery 插件，但都有同样的问题，因为如果我们使用数千个选择下拉框，那么初始化所有选择框需要太多时间，这就是它冻结浏览器的原因。 为此，我在选择框的鼠标悬停时初始化了 select2（也可以在单击时应用），因此它不会在加载时初始化，而是为我们需要在鼠标悬停时应用的选择框加载。

$(document).on('mouseover', 'select', function() { $(this).select2().select2('open'); });