jQuery嵌套可排序列表 [英] jquery nested sortable list
本文介绍了jQuery嵌套可排序列表的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我有这个代码
$(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>
但可以动态更改... 当我拖放主锂时它正在工作 当我对孩子进行操作时,它将拖动主要对象
but it can be changed dynamiclly... when i drag and drop the main li it is working when i do it with the childs it will drag the main one
怎么了?
推荐答案
我在此发表了博客.这不是那么简单和有点混乱,但确实很简单.
I blogged on this. It's not that straight forward and a bit confusing, but simple really.
http://a.shinynew.me/post/4641524290/jquery-ui-nested-sortables
这篇关于jQuery嵌套可排序列表的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文