JqueryeasyUiDroppable组件怎么用

//JS部分
$('#box').droppable({
    accept:'#bb',
});

//HTML部分

    二、Draggable 属性  

$('#box').droppable({
    accept : '#bb',        //设置可以接受哪些元素，默认为null
    disabled : true,       //设置是否可以放置，Boolean类型，默认为true
});

        三、Droppable 事件

注释：source 参数获取 DOM 元素。

$('#dd').droppable({
    accept : '#box',
    onDragOver : function (e, source) {
       alert("在被拖拽元素经过放置区的时候触");
    },
    onDragEnter : function (e, source) {
        alert("在被拖拽元素到放置区内的时候触发");
    },
    onDragLeave : function (e, source) {
        alert("在被拖拽元素离开放置区的时候触发");
    },
    onDrop : function (e, source) {
        alert("在被拖拽元素放入到放置区的时候触发");
    },
});

    四、Droggable 方法

//返回属性对象
console.log($('#box').droggable('options'));

//禁止放置
$('#box').draggable('disable');

//启用放置
$('#box').draggable('enable');

感谢你能够认真阅读完这篇文章，希望小编分享的“Jquery easyUi Droppable组件怎么用”这篇文章对大家有帮助，同时也希望大家多多支持创新互联，关注创新互联行业资讯频道，更多相关知识等着你来学习!