如何解决Select2选择后选项乱序的问题？

Question

我正在使用select2插件。

在fiddle上，它可以正常工作。 但是这里有一些截图来解释我的问题：

1. 这是下拉菜单的默认顺序。

2. 当我选择其他选项（例如“未激活”）时，它会跳到最后一个选项。

3. 检查选择后的“未激活”选项的位置。

每个选项都会出现这种情况。

我尝试了以下替代方案：

• $("select").select2();
• $(".select").select2();
• $("#select").select2();

但是什么都没有起作用，

有人遇到过这个问题吗？

如果有，请帮我解决这个问题。

- Rahul

---

你应该将你的代码添加到问题中。 - Tri

这种情况是指那些可能遇到了这个问题的人，因为没有它，就无法解决。我正在为选择下拉菜单调用 $ ("select").select2();，你需要什么额外的代码，就是这样。这就是代码。 - Rahul

我认为这可能受到你代码中某些东西的影响。 - Tri

我尝试移除了所有的JS库，但是我不确定到底是什么与此有冲突。 - Rahul

Answer 1

我刚刚找到了解决方案，

$("select").on("select2:select", function(evt) {
        var element = evt.params.data.element;
        var $element = $(element);
        $element.detach();
        $(this).append($element);
        $(this).trigger("change");
});

这是之前用于其他目的的代码，但被保存在通用的JS文件中。

我将它移动到了它特定所属的位置。

- Rahul

---

谢谢Rahul，我也遇到了同样的问题。 - user7435409