从品牌网站建设到网络营销策划,从策略到执行的一站式服务
使用Draggable元素需要拖动到指定的元素,那这儿需要使用到Droppable可放置插件
创新互联是一家专注网站建设、网络营销策划、成都小程序开发、电子商务建设、网络推广、移动互联开发、研究、服务为一体的技术型公司。公司成立10多年以来,已经为近千家三维植被网各业的企业公司提供互联网服务。现在,服务的近千家客户与我们一路同行,见证我们的成长;未来,我们一起分享成功的喜悦。
Droppable可放置有2种实现方式:
第一种 通过标记实现Droppable可放置区域
class="easyui-droppable" 指定可放置区域 data-options="accept:'#d1,#d2'" 能被放置的模块:d1和d2可以 d3不能放到这个区域
第二种 通过javascript实现Droppable可放置区域
先定义一个div
在使用javascript创建
$('#dd').droppable({ accept:'#d1,#d2', disabled:true//设置为true 停止可拖放 });
accept 确定将被接受的可拖动元素
事件:
Name | Parameters | Description |
---|---|---|
onDragEnter | e,source | 可拖动元素被拖进来触发 |
onDragOver | e,source | 可拖动元素被拖过时触发 |
onDragLeave | e,source | 可拖动元素被拖离开时触发 |
onDrop | e,source | 可拖动元素被拖放下触发 |
成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220
成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | 网站建设地图