将 select2 与预渲染的 HTML 一起使用

Question

我在标记模式下使用 select2 来创建和编辑标记。有一个令人讨厌的行为，即页面加载和标签出现之间存在延迟。由于标签可以溢出到两行，标签出现后，当标签框下方的内容被向下推时，整个页面会重新调整。

延迟是由于 select2 将input HTML 标记转换为每个标记所需的 HTML 元素造成的。

如果 select2 没有为标签生成 HTML，则可以避免延迟，而是我在服务器端生成它并包含在原始页面加载中。那么标签字段下方元素的位置将永远不会改变。

有没有办法让 select2 将其自身附加到现有的 - 预渲染 - HTML，而不是创建 HTML 本身？

有谁知道支持这个的标签字段组件？我见过的所有组件都以输入标记开头，然后使用 Javascript 动态生成 HTML。

Answer 1

我找不到满意的答案，所以我专门为我的用例创建了一个 JQuery 插件：https://github.com/k1w1/rendered-multi-select

它有 Rails 帮助器为服务器上的控件呈现 HTML，然后在页面加载时附加 Javascript 事件。这样可以实现更快且无闪烁的加载。