内容简介:翻译自:https://stackoverflow.com/questions/9203244/jquery-nested-sortable-accordion
我正在为JQuery使用 http://mjsarfatti.com/sandbox/nestedSortable/
嵌套排序.我想让每个人都能成为手风琴.我已经达到了嵌套可 排序 和手风琴的程度;但是,每当我将任何可排序项拖到左侧时,整个应用程序就会冻结.
这是我的JS(运行正常):
$('ol.sortable').nestedSortable({ disableNesting: 'no-nest', forcePlaceholderSize: true, handle: 'div', helper: 'clone', items: 'li', maxLevels: 10, opacity: .6, placeholder: 'placeholder', revert: 250, tabSize: 25, tolerance: 'pointer', toleranceElement: '> div' }); $(function() { var stop = false; $( "#accordion h3" ).click(function( event ) { if ( stop ) { event.stopImmediatePropagation(); event.preventDefault(); stop = false; } }); $( "#accordion" ) .accordion({ header: "> ol > li > div > h3" }) .nestedSortable({ axis: "y", handle: "h3", stop: function() { stop = true; } }); });
这是html:
<section id="accordion"> <ol class="sortable"> <li id="list_1"> <div> <h3><a href="#">Header</a></h3> <div> <p>des fields.</p> </div> </div> <li id="list_2"><div>Item 2</div> <ol> <li id="list_3"><div>Sub Item 2.1</div> <li id="list_4"><div>Sub Item 2.2</div> <li id="list_5"><div>Sub Item 2.3</div> <li id="list_6"><div>Sub Item 2.4</div> </ol> </ol> </section>
这绝对是一个问题,只有在将手风琴与sortables一起使用时才会出现.有人遇到过这个问题吗?
你可能想试试
$('ol.sortable').nestedSortable({ options }).accordion({accordion options});
翻译自:https://stackoverflow.com/questions/9203244/jquery-nested-sortable-accordion
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网
猜你喜欢:- 小实例: 用vue实现手风琴效果
- Pear Admin Ant 1.3.1.Release 新增国际化支持,修复菜单手风琴动画
- Python 循环嵌套
- MyBatis嵌套查询解析
- MyBatis嵌套查询解析
- Android 嵌套 Intent
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。
PHP经典实例(第3版)
David Sklar、Adam Trachtenberg / 苏金国、丁小峰 / 中国电力出版社 / 2015-7 / 128.00
想要掌握PHP编程技术?或者想要学习如何完成一个特定的任务?那么一定要先看看《PHP经典实例(第3版)》。本书介绍了专门为PHP 5.4和5.5修订的350个经典技巧,并提供了丰富的示例代码。特别是对生成动态Web内容的解决方案做了全面更新,从使用基本数据类型到查询数据库,从调用RESTful API到测试和保护网站安全都有涵盖。 各个技巧都提供了示例代码,可以免费使用,另外还讨论了如何解决......一起来看看 《PHP经典实例(第3版)》 这本书的介绍吧!