代码之家 › 专栏 › 技术社区 › Val

jquery拖放

drag-and-drop jquery

Val · 技术社区 · 14 年前

我有以下内容…

<ul>
  <li>Item</li>
  <li>Item</li>
  <li>Item</li>
</ul>
<ul>
  <li>Item</li>
  <li>Item</li>
  <li>Item</li>
</ul>
<ul>
  <li>Item</li>
  <li>Item</li>
  <li>Item</li>
</ul>

我需要从一个项目中拖动每个项目 ul 但要避免重复 UL 只需将项目添加到删除的ul。

使用jquery,我尝试了很多事情,但总有一些事情把它搞砸了。

有什么想法吗?THNX

3 回复 | 直到 11 年前

Breezer 14 年前

您可以使用jqueryui http://jqueryui.com/demos/sortable/

使拖动/调整大小/放置非常容易…

hybernaut 14 年前

这很复杂,因为你有多个分拣机,很难开始工作。我已经使用可排序控制器和指定其他可能目标的connectto选项完成了这项工作。

jargalan 14 年前

添加前尝试删除重复项

$( "li" ).draggable({
 appendTo: "ul",
 helper: "clone"
});
$( "ul" ).droppable({
 activeClass: "ui-state-default",
 hoverClass: "ui-state-hover",
 accept: ":not(.ui-sortable-helper)",
 drop: function( event, ui ) {
  $( this ).find( "li:contains('" + ui.draggable.text()  + "')" ).remove();

  $( "<li></li>" ).text( ui.draggable.text() ).appendTo( this );
 }
})

推荐文章

KDeveloper · 在android中集成instagram这样的标签拖放功能?

2 年前

manymanymore · 如何在Qt中将QLabel从一个窗口拖动到另一个窗口?

6 年前

egzonmustafa · 拖放HTML(占位符)

6 年前

user9328640 · 拖放并验证

6 年前

Sebi95 · 三DragControl不是构造函数错误

6 年前

John Balvin Arias · 如何通过拖放获取文件,与输入类似。文件

6 年前

Borja · 拖放div

6 年前

Héctor M. · 是否可以在C#Winforms中实现一个将元素重新组织为Android的函数

6 年前

Alexey Chekanov · 如果项目未移动,是否有方法检查UICollectionView项目拖动取消?

6 年前

Redas Shuliakas · Libgdx拖放,如何同步光标和精灵/演员?

6 年前