jQuery拖放ul和li元素

时间:2012-09-03 06:01:58

标签: jquery jquery-ui jquery-plugins

一方面,我得到了<ul><li>的列表。应拖动{d} <ul><li>元素。目标是divspan。我怎么能开始?

3 个答案:

答案 0 :(得分:5)

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

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

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

jsFillde:fiddle

答案 1 :(得分:2)

这将为您提供一个开始

Jquery UI droppable

答案 2 :(得分:0)

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

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