JQuery Easy UI Droppable (placement) component, jquerydroppable

JQuery Easy UI Droppable (placement) component, jquerydroppable

The Droppable (placement) component is also a basic component, which is easy to use. The syntax is commented in the example:

Example:

<! DOCTYPE html> 
Click to download source code


Teach jquery ui about droppable
Hello!
You can get the source object through the event in the drop event of the droppable, and then retrieve the id, as shown below:
$ ("# Droppable "). droppable ({drop: function (event, ui) {var obj = event. srcElement | event.tar get; alert (obj. id); $ (this ). addClass ("ui-state-highlight "). find ("p" pai.html ("Dropped! ");}});
Hope to help you!


Jquery easy ui, window ("open ")
This only adds a masking layer to the left frame page. When the masking layer on the right frame page is displayed, the masking layer on the left frame page is also displayed, and vice versa. Implementation should not be very difficult.
To achieve the effect, set the right border of the Left shadow layer to none.