所以还是自己动手丰衣足食,还是坚持简单就是美的代码风格。
试试在ifr a me里嵌入一个测试页面,你可以使用鼠标拖动项目,调整分类: 当然,这并不是我要的最终效果,只能说它已经实现了一个我想要的拖放效果。我要求的在这个基础上,还要增加自动排序,位置变更后恢复之前元素bind的jQuery事件等。 代码 代码如下,如要复制,请先查看纯文本版本! 代码如下: Drag & Drop Test <meta http-equiv=”content-ty
HTML 全局属性
New : HTML5 新属性。
属性
描述
accesskey
设置访问元素的键盘快捷键。
class
规定元素的类名(classname)
contenteditableNew
规定是否可编辑元素的内容。
contextmenuNew
指定一个元素的上下文菜单。当用户右击该元素,出现上下文菜单
data-*New
用于存储页面的自定义数据
dir
设置元素中内容的文本方向。
draggableNew
指定某个元素是否可以拖动
dr
HTML 的拖放 API 依赖 DOM 事件模型,获取拖放和放置元素的相关信息,以此实现拖放功能。我们只需要注册很少几个事件监听器,就能把任何元素变成可拖动或可放置的。
拖放 API 除了提供基本的拖放功能接口外,还可以在拖放之外提供选择,用来自定义行为。比如,可以修改拖放元素的 CSS 样式。或者,我们不移动元素,拖动的时候,复制一个副本,拖放结束后,我们就会多了一个同样的元素。
本篇只介绍实现基本的拖放功能。
将元素设置成可拖动的
我们先从拖动元素开始。假设我们有一个容器元素,其中包含两种类