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.