Droppable (component placement)

A, class loading

   <div id="pop" class="easyui-droppable" style="width: 400px;height: 300px;background-color: powderblue"></div>

Two, js loading

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

Third, the property on Droppable, events, methods

$("#pop").droppable({

   // attribute
      accept: "# box", // value selector determines which elements are to accept the default null
     Disabled: true, //, if true, is prohibited placement defaults to false
  // event
     onDragOver: function (e, source ) {$ (this) .css ( 'background', 'blue')}, // element being dragged through the placement area when triggered
     onDragEnter: function () {}, // element being dragged into the drop zone inner, left unreleased triggered when
     onDragLeave: function (e, source) {}, when the placement area is dragged away from the trigger element
     onDrop: function (e, source) {} was placed in the element is dragged when the trigger placement area
});
// method
    // returns the object property $ ( '# Box') the droppables ( 'Options');.
   // Do not place $ ( '# box') draggable ( 'disable').;
  // Enables placing $ ( '# box') draggable ( 'enable').;

Fourth, you can use to override the default value of the object. $ .fn.droppable.defaults.disabled = true;

* Ps: in conjunction with the general and draggable