jQuery UI 可排序和可拖动问题

发布于 2024-11-13 10:49:07 字数 454 浏览 3 评论 0原文

我有一个嵌套的 Sortable,它本身工作得不太好,但我也添加了一个 Draggable,这会导致更多问题。

  • 在嵌套的 Sortable 之间对项目进行排序几乎是不可能的,请尝试一下;)
  • 将 Draggable 拖动到内部 Sortable 也会向外部 Sortable 添加一个新项目

示例: JSFiddle

我想这在当前版本的 jQuery UI 中是不可能实现的。


编辑:查看下面的评论

I have a nested Sortable which is not working quite well on it's own, but I've added a Draggable too, which is causing even more problems.

  • Sorting items between nested Sortables is almost impossible, try it ;)
  • Dragging a Draggable into the inner Sortable also adds a new item to the outer Sortable as well

Example: JSFiddle

I guess this is just impossible to achieve with the current version of jQuery UI.


Edit: see comment below

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

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

发布评论

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

评论(1

悲凉≈ 2024-11-20 10:49:07
<ul>
   <li>Item 1</li>
   <li>Item 2</li>
   <li>Item 3</li>
   <li>
       <ul> <li>Item 4</li> </ul>
   </li>
</ul>

$('ul').bind('mouseenter',function (){
   //$(this).parents('ul').sortable('destroy');//this line is optional... :)
   $(this).sortable({'items':'li'});
});
$('ul').bind('mouseleave',function (){
   $(this).sortable('destroy');
});

这可能行不通,因为我还没有测试过,但你确实明白我希望的想法:)

<ul>
   <li>Item 1</li>
   <li>Item 2</li>
   <li>Item 3</li>
   <li>
       <ul> <li>Item 4</li> </ul>
   </li>
</ul>

$('ul').bind('mouseenter',function (){
   //$(this).parents('ul').sortable('destroy');//this line is optional... :)
   $(this).sortable({'items':'li'});
});
$('ul').bind('mouseleave',function (){
   $(this).sortable('destroy');
});

this may not work as I have not tested it but you do get the idea I hope :)

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