我有这个代码
$(document).ready(function() {
$("#test-list").sortable({
items: "> li",
handle : '.handle',
axis: 'y',
opacity: 0.6,
update : function () {
var order = $('#test-list').sortable('serialize');
$("#info").load("process-sortable.asp?"+order+"&id=catid&order=orderid&table=tblCats");
}
});
$("#test-sub").sortable({
containment: "ul",
items: "li",
handle : '.handle',
axis: 'y',
opacity: 0.6,
update : function () {
var order = $('#test-list').sortable('serialize');
$("#info").load("process-sortable.asp?"+order+"&id=catid&order=orderid&table=tblCats");
}
});
});
对于这种UL
<ul id="test-list">
<li></li>
<li>
<ul id="test-sub">
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
但它可以动态改变......
当我拖放主 li 时它正在工作
当我和孩子们一起做时,它会拖住主要的孩子
怎么了?
我在博客上谈到了这一点。这并不是那么简单,而且有点令人困惑,但确实很简单。
http://a.shinynew.me/post/4641524290/jquery-ui-nested-sortables http://a.shinynew.me/post/4641524290/jquery-ui-nested-sortables
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)