如何在可选控件中插入项目

Question

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

说，我有以下可选：

<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'));

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

Answer 1

这样做没有api。所以我相信你的编码是正确的方法。您也可以尝试在添加后调用.selectable( "refresh")。

Answer 2

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

如果你有一个巨大的元素列表，建议将 autoRefresh 设置为false并手动调用方法 refresh 。