NestedSortable

码农软件 · 软件分类 · 其他jQuery插件 · 2020-01-09 11:26:37

授权协议: 未知
开发语言:
操作系统: 未知
软件首页: http://plugins.jquery.com/project/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>