如何在 Selectable 控件中插入项目

发布于 2024-10-29 02:09:45 字数 426 浏览 2 评论 0原文

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

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

Is there a "clean" way to insert an item in a jQuery UI Selectable control?

Say, I have the following Selectable:

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

I could manually insert a row like:

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

While it visually looks correct, is there any events I need to include as well? Is that a clean way to insert an item, or is there a better way?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

怪我入戏太深 2024-11-05 02:09:45

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

There's no api for doing it. So I believe your coding is a correct way. You may also try to call the .selectable( "refresh") after addition.

请恋爱 2024-11-05 02:09:45

根据API,您也可以只使用选项autoRefresh(默认启用)在将元素添加到 DOM 元素时扩展可选择元素的列表。

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

According to the API you can also just use the option autoRefresh (enabled by default) to extend the list of selectable-elements as you add elements to the DOM-element.

If you have a huge list of elements it's recommended to set autoRefresh to false and call the method refresh manually.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文