网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 时尚美容

拖动div(标签元素)进行删除操作仿垃圾篓

时间:2024-10-20 09:34:57

1、把获取到的js复制到直接的项目里面,如图的位置,可以放在和jq库一起的文件夹下面容易查找

拖动div(标签元素)进行删除操作仿垃圾篓

2、在页面中正确引用js,要是有缓存的话,刷新慢,可以按如图方式添加随机数,定义方法,螋觏钎厘?v=n。可以自己选择n自定义数值都可以

拖动div(标签元素)进行删除操作仿垃圾篓

3、一般的拖动页面可以这样布局·,大的div层下面的子类div就可以拖动,还有可以定拖动的区域

拖动div(标签元素)进行删除操作仿垃圾篓

4、调用js函数方法,找到大的层div使用函数方法,要是想在里面定义需要拖动的局部自己定义一个如图标签即可

拖动div(标签元素)进行删除操作仿垃圾篓

5、拖动删除的效果定义,同上,定义好的div布局,其中dropzone类为了拖动到的删除区域,函数方法写法,定义拖动层点上需要删除区域方法指定删除类名

拖动div(标签元素)进行删除操作仿垃圾篓

6、效果图显示,对应的定义有排序层,拖动的div或赋值移除掉当前的拖动元素,使之出现效果

拖动div(标签元素)进行删除操作仿垃圾篓
© 2025 小知经验
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com