NestedSortable 介绍
NestedSortable is an extension to the original Sortable from the Interface
plugin that allows you to both sort
vertically and nest (make one item a child of other item) elements at the same
time, using drag-and-drop. If can be set up exactly like a regular
Sortable and allows you to use most
options that are inherited from it.
Some examples of possible usages:
- Organizing a table of contents
- Organizing a list of hierarchical pages (it was originally created with this goal, for WordPress)
- Organizing categories
You can set it up as simply as that
$('#list-container').NestedSortable( { accept: 'sortable-element-class', } );
Given that you have a container with Nested HTML elements like this one:
<ul id="list-container"> <li class="sortable-element-class" id="ele-1"> Element 1 </li> <li class="sortable-element-class" id="ele-2"> Element 2 </li> <li class="sortable-element-class" id="ele-3"> Element 3 <ul> <li class="sortable-element-class" id="ele-4"> Element 4 <ul> <li class="sortable-element-class" id="ele-5"> Element 5 </li> </ul> </li> </ul> </li> </ul>
Please check the plugin documentation
page
for complete information about it. Don’t forget to look at the demos as
well.
Please, use the issue tracker at
Google to report bugs.