Response title
This is preview!
Revert a jQuery draggable object back to a specific container when is dropped in a no-dropable container
in Using jQuery UI
•
9 years ago
Hi!
This is my example
Is there a way to do this?:
When I move a "Title box (A or B, etc)" outside a droppable object, it must go back to the box named "Unassigned container"
I was searching in google and I can't resolve this =(
Here is my Jquery code
$(function () { $(".unassignedClassContainer").sortable({ connectWith: ".container", handle: ".title", revert: true }); $(".container").sortable({ connectWith: ".container, .unassignedClassContainer", handle: ".title", revert: true }); });
HTML Code
- <div id="unassignedContainer" class="unassignedClassContainer">
- Unassigned container<p/>
- <div id="ItemID01" class="SingleItem">
- <div class="title">Title A</div>
- <div>Content</div>
- </div>
- <div id="ItemID02" class="SingleItem">
- <div class="title">Title B</div>
- <div>Content</div>
- </div>
- <div id="Div1" class="SingleItem">
- <div class="title">Title C</div>
- <div>Content</div>
- </div>
- <div id="Div2" class="SingleItem">
- <div class="title">Title D</div>
- <div>Content</div>
- </div>
- <div id="Div3" class="SingleItem">
- <div class="title">Title E</div>
- <div>Content</div>
- </div>
- <div id="Div4" class="SingleItem">
- <div class="title">Title F</div>
- <div>Content</div>
- </div>
- </div>
- <p/>
- <div id="container001" class="container"></div>
- <div id="container002" class="container"></div>
- <div id="container003" class="container"></div>
- <div id="container004" class="container"></div>
1
