将div内容切换到另一个div内容位置

Question

i wonder if there is a way of switching position of draggable div content with position of drop div content. I have 6 draggable divs wich has img and p tags in. What i need is to switch position when i drag over another div. Thanks

First should look like: http://jsfiddle.net/3CM2M/

after switch: http://jsfiddle.net/3CM2M/1/

$(dropObjects).draggable({ 
        axis: "x", 
        zIndex: 100});

Answer 1

You can use the sortable feature of jQuery UI with draggable .

$( ".selector" ).draggable({ connectToSortable: "#my-sortable" });

Here is the working example and the corresponding documentation (connectToSortable) in jQuery UI's official website.

And here is the detailed information about:

• Sortable
• Draggable