如何更改拖放到可排序列表中的项目的 UI?

发布于 2024-11-30 21:30:35 字数 108 浏览 0 评论 0原文

我有两个 jQuery UI 可排序列表。当我将拖动的项目放到最终列表中时,我想更改其 UI(从源列表中的一个小部件开始,但当放入目标列表时将其分解为详细视图)。有谁知道我该如何做到这一点或者是否可能?

I have two jQuery UI sortable lists. I'd like to change the UI of the dragged item when I drop it on the final list (start off as a small widget in the source list, but explode it to a detail view when dropped into the destination list). Does anyone have any ideas of how I can do this or if it's even possible?

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

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

发布评论

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

评论(1

濫情▎り 2024-12-07 21:30:35

您可以使用 stop 事件:

排序停止时触发此事件。

你会有这样的东西:

stop: function(event, ui) {
    $(ui.item[0]).html('Replace the HTML as needed.');
}

现场演示: http://jsfiddle.net/ambigously/Cb5BQ/

您希望跟踪类中的当前状态(小或大),以便您可以根据需要在“小部件”版本和“详细视图”版本之间切换。

You could use the stop event:

This event is triggered when sorting has stopped.

You'd have something like this:

stop: function(event, ui) {
    $(ui.item[0]).html('Replace the HTML as needed.');
}

Live demo: http://jsfiddle.net/ambiguous/Cb5BQ/

You'd want to keep track of the the current state (small or large) in a class so that you can switch between the "small widget" version and the "detail view" version as appropriate.

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