Droppable(放置组件)

一、class加载方式

二、js加载方式

$("#pop").droppable({}）

三、关于Droppable的属性、事件、方法

$("#pop").droppable({

//属性
accept:"#box", //值为selector 确定哪些元素被接受默认为 null
disabled:true , //，如果为 true，则禁止放置默认为 false
//事件
onDragOver:function (e,source) {$(this).css('background', 'blue')},// 在被拖拽元素经过放置区的时候触发
onDragEnter:function () {} , //在被拖拽元素到放置区内,左键未松开的时候触发
onDragLeave : function (e, source) {}, 在被拖拽元素离开放置区的时候触发
onDrop : function (e, source) {}在被拖拽元素放入到放置区的时候触发
});
//方法
//返回属性对象 $('#box').droppable('options');
//禁止放置 $('#box').draggable('disable');
//启用放置 $('#box').draggable('enable');

四、可以使用重写默认值对象。 $.fn.droppable.defaults.disabled = true;

*ps：一般和draggable配合使用

巴特西

Droppable(放置组件)

最新文章

热门文章