NestedSortable

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

软件介绍

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.

本文地址:https://www.codercto.com/soft/d/22994.html

Spring Into HTML and CSS

Spring Into HTML and CSS

Molly E. Holzschlag / Addison-Wesley Professional / 2005-5-2 / USD 34.99

The fastest route to true HTML/CSS mastery! Need to build a web site? Or update one? Or just create some effective new web content? Maybe you just need to update your skills, do the job better. Welco......一起来看看 《Spring Into HTML and CSS》 这本书的介绍吧!

Markdown 在线编辑器
Markdown 在线编辑器

Markdown 在线编辑器

HEX HSV 转换工具
HEX HSV 转换工具

HEX HSV 互换工具

HSV CMYK 转换工具
HSV CMYK 转换工具

HSV CMYK互换工具