jQueryのEasyUIベースのプラグイン - 解放可能ドロップ可
$ .fn.droppable.defaultsして、デフォルトのデフォルトを上書きします。
使用法
場所マーカー(ドロップ可能)領域を作成すること。
<DIVクラス= "easyui-ドロップ可能な「データ・オプション="受け入れる: '#D1、#D3' "スタイル="幅:100ピクセル、高さ100ピクセル; "> </ DIV>
(ドロップ可能)領域を配置することができます作成するにはJavaScriptを使用してください。
<DIVのID = "DD"スタイル= "幅:100ピクセル、高さ100ピクセル;"> </ div>の
$( '#D-D')。ドロップ可({ 受け入れ: '#d1を、#d3の' });
プロパティ
名称 | 类型 | 描述 | 默认值 |
---|---|---|---|
accept | selector | 确定将被接受的可拖动元素。 | null |
disabled | boolean | 如果设置为 true,则停止可放置(droppable)。 | false |
イベント
名称 | 参数 | 描述 |
---|---|---|
onDragEnter | e,source | 当可拖动元素被拖进来时触发。source 参数指被拖动的 DOM 元素。 |
onDragOver | e,source | 当可拖动元素被拖过时触发。source 参数指被拖动的 DOM 元素。 |
onDragLeave | e,source | 当可拖动元素被拖离开时触发。source 参数指被拖动的 DOM 元素。 |
onDrop | e,source | 当可拖动元素被放下时触发。source 参数指被拖动的 DOM 元素。 |
ウェイ
名称 | 参数 | 描述 |
---|---|---|
options | none | 返回选项(options)对象。 |
enable | none | 启用可放置功能。 |
disable | none | 禁用可放置功能。 |
jQueryのEasyUIプラグイン