jQuery拖放ul和li元素

Question

一方面我得到了<ul>和<li>.在<ul>和<li>元素应该拖和DROP掉.目标是div或span.我该怎么开始？

Answer 1

基本上你的draggables将是<li>元素,你的droppable将是<div>或<span>或两者.为draggable和droppable设置必要的选项.然后处理droppable的draggable和drop事件的拖动事件,以执行任何自定义功能.使用droppable的accept选项验证drop元素(它是选择器或函数).这是必要的文件:

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

Droppable:http://jqueryui.com/demos/droppable/

jsFillde:小提琴