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://hxwzsj.com/article/ijcdeh.html

其他资讯

Copyright © 2025 青羊区翔捷宏鑫字牌设计制作工作室(个体工商户) All Rights Reserved 蜀ICP备2025123194号-14
友情链接: 成都企业网站建设公司 成都网站建设公司 成都网站建设 重庆外贸网站建设 网站建设方案 营销网站建设 成都网站建设 成都网站建设 成都网站设计 成都网站建设 成都网站建设 网站建设方案 专业网站设计 网站设计制作 成都网站建设 成都网站建设 成都网站建设公司 网站设计 定制网站制作 网站建设公司 成都h5网站建设 响应式网站设计