NestedSortable

授权协议 未知
开发语言
所属分类 jQuery 插件、 其他jQuery插件
软件类型 开源软件
地区 不详
投 递 者 薄兴昌
操作系统 未知
开源组织
适用人群 未知
 软件概览

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.

相关阅读

相关文章

相关问答

相关文档