jQuery拖放ul和li元素答案

【问题标题】：jQuery drag and drop ul and li elementsjQuery拖放ul和li元素
【发布时间】：2014-03-27 04:58:52
【问题描述】：

一方面，我得到了<ul> 和<li> 的列表。 <ul> 和 <li> 元素应该被拖放。目标是div 或span。我该如何开始？

【问题讨论】：

如果你使用jquery，为什么不使用它的库文档呢？
-1 表示没有初始努力。 SO 以响应式方式效果最好（例如，“为什么我不能将这个 UL 放到这个 DIV 中？”）。
这个问题太老了，但您甚至没有将答案标记为正确。没有显示最初的努力，> 16k 视图，顶级谷歌搜索结果，你破坏了这个社区先生。大家，请投反对票

【解决方案1】：

基本上你的可拖动元素是<li> 元素，你的droppable 元素是<div> 或<span> 或两者兼而有之。为可拖动和可放置设置必要的选项。然后处理 draggable 的 drag 事件和 droppable 的 drop 事件，以执行任何自定义功能。使用可放置对象的接受选项验证放置元素（它是选择器或函数）。这是必要的文件：

可拖动：http://jqueryui.com/demos/draggable/

可丢弃：http://jqueryui.com/demos/droppable/

jsFillde：fiddle

【讨论】：

好的，但是你有什么链接笑脸到我的问题答案的例子吗？
当然，用小提琴更新。

【解决方案2】：

这会给你一个开始

Jquery UI droppable

【讨论】：

【解决方案3】：

使用jQueryUI的文档：http://jqueryui.com/demos/

对于您的问题：http://jqueryui.com/demos/draggable/#sortable

【讨论】：