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 | 可拖动元素被拖放下触发 |