微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

NestedSortable

程序名称:NestedSortable

授权协议: 未知

操作系统: 未知

开发语言:

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 @R_309_4045@ion about it. Don’t forget to look at the demos as
well
.

Please, use the issue tracker at
Google
to report bugs.

NestedSortable 官网

http://plugins.jquery.com/project/NestedSortable

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐