内容简介:翻译自: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
本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们。