jQuery 拖放 ul 和 li 元素

标签 jquery jquery-ui jquery-plugins

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

最佳答案

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

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

可删除:http://jqueryui.com/demos/droppable/

js填充:fiddle

关于jQuery 拖放 ul 和 li 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12242737/

相关文章:

javascript - 突出显示搜索到的表数据和列

在文本表单中禁用 JavaScript 键监听器

jQuery UI Selectmenu 事件绑定(bind)

javascript - 在生成的元素上绑定(bind)事件并获取其当前状态

asp.net - 如何在jquery数据表插件中重新加载数据集?

jquery - 平滑 Div 滚动左侧热点显示光标,但不滚动,右侧速度过快

jQuery - 如何淡入部分透明的 div 并保留不透明度?

JQuery CSS/Animate 函数在左侧绝对定位时失败

javascript - 如何检测从 dom 元素中添加/删除的元素?

javascript - 来自变量的 jQuery UI 对话框按钮