我有 2 个单独工作的可排序列表。我想同步 2 个列表——当一个列表项移动时,另一个列表中相关项的位置也会移动。你能推荐一个函数或方法让我学习吗?
问问题
626 次
1 回答
2
这是一个非常糟糕的hack,但它可能会给你一些开始的想法:
$(function () {
$('#sortable').sortable({
update: function (event, ui) {
var x1 = $('#X1').position().top +140,
x2 = $('#X2').position().top +140,
x3 = $('#X3').position().top +140;
$('#sortable2 li').css({
position:'absolute',
width: $('#sortable li').width()
});
$('#Y1').animate({
'top': x1
});
$('#Y2').animate({
'top': x2
});
$('#Y3').animate({
'top': x3
});
}
});
$("#sortable").disableSelection();
});
我说这是一个非常糟糕的黑客,因为它显然不会很好地扩展......
另一种选择是只复制 html:
$(function () {
$("#sortable").sortable({
update: function (event, ui) {
$('#sortable2').html($('#sortable').html());
}
});
$("#sortable").disableSelection();
});
这将扩展得更好,但它并不那么漂亮。
于 2013-08-03T15:59:25.760 回答