jquery - 如何在 Selectable 控件中插入项目

Question

是否有一种“干净”的方式可以在 jQuery UI Selectable 控件中插入项目？

说，我有以下可选：

<div id="selectable">
  <div>Item 1</div>
  <div>Item 2</div>
  <div>Item 3</div>
</div>

我可以手动插入一行，例如：

$('<div>Item 4</div>').addClass('ui-selectee').appendTo($('#selectable'));

虽然它在视觉上看起来是正确的，但我还需要包含任何事件吗？这是插入项目的干净方法，还是有更好的方法？

score 1 · Accepted Answer

没有用于执行此操作的 api。所以我相信你的编码是正确的方法。您也可以尝试调用.selectable( "refresh")after 添加。

score 1 · Accepted Answer

根据 API，您还可以在将元素添加到 DOM 元素时使用选项autoRefresh（默认启用）来扩展可选元素列表。

如果您有大量元素，建议将autoRefresh设置为 false 并手动调用方法refresh。

2 回答 2