溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

06 jQuery EasyUI 之Droppable可放置

發布時間:2020-06-29 12:56:08 來源:網絡 閱讀:651 作者:l363130002 欄目:web開發

使用Draggable元素需要拖動到指定的元素,那這兒需要使用到Droppable可放置插件

Droppable可放置有2種實現方式:

第一種 通過標記實現Droppable可放置區域

<div class="easyui-droppable" data-options="accept:'#d1,#d2'" ></div>
<div id="d1"></div>
<div id="d2"></div>
<div id="d3"></div>

class="easyui-droppable" 指定可放置區域    data-options="accept:'#d1,#d2'"  能被放置的模塊:d1和d2可以  d3不能放到這個區域


第二種 通過javascript實現Droppable可放置區域

先定義一個div

<div id="dd" ></div>

在使用javascript創建

$('#dd').droppable({   
     accept:'#d1,#d2',
     disabled:true//設置為true 停止可拖放
});

accept 確定將被接受的可拖動元素


事件:

NameParametersDescription
onDragEntere,source可拖動元素被拖進來觸發
onDragOvere,source可拖動元素被拖過時觸發
onDragLeavee,source可拖動元素被拖離開時觸發
onDrope,source可拖動元素被拖放下觸發


向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女