如何在 Selectable 控件中插入项目答案

【问题标题】：How to insert an item in a Selectable control如何在 Selectable 控件中插入项目
【发布时间】：2023-03-29 09:40:02
【问题描述】：

有没有一种“干净”的方式在 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'));

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

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

According to the API 您也可以在向 DOM 元素添加元素时仅使用选项 autoRefresh（默认启用）来扩展可选元素列表。

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

【讨论】：