资讯

精准传达 • 有效沟通

从品牌网站建设到网络营销策划,从策略到执行的一站式服务

06jQueryEasyUI之Droppable可放置

使用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 确定将被接受的可拖动元素

事件:

NameParametersDescription
onDragEntere,source可拖动元素被拖进来触发
onDragOvere,source可拖动元素被拖过时触发
onDragLeavee,source可拖动元素被拖离开时触发
onDrope,source可拖动元素被拖放下触发

网站栏目:06jQueryEasyUI之Droppable可放置
转载注明:http://cdkjz.cn/article/ijcdeh.html
返回首页 了解更多建站资讯
多年建站经验

多一份参考,总有益处

联系快上网,免费获得专属《策划方案》及报价

咨询相关问题或预约面谈,可以通过以下方式与我们联系

大客户专线   成都:13518219792   座机:028-86922220