jQuery UI的可排序的多元素目标

Question

我有2个列表元素

<div id="list-one"> 
    <ul class="ul-one"> 
    <li data-order="1">item 1</li> 
    <li data-order="2">item 2</li> 
    <li data-order="3">item 3</li> 
    </ul> 
</div> 
<br /> 
<div id="list-two"> 
    <ul class="ul-two"> 
    <li data-order="1">item 4</li> 
    <li data-order="2">item 5</li> 
    <li data-order="3">item 6</li> 
    </ul> 
</div> 

能ul-two列表元素顺序遵循ul-one订单时，我有点ul-one使用jQuery可排序？

我希望得到像

<div id="list-one"> 
    <ul class="ul-one"> 
    <li data-order="2">item 2</li> 
    <li data-order="1">item 1</li> 
    <li data-order="3">item 3</li> 
    </ul> 
</div> 
<br /> 
<div id="list-two"> 
    <ul class="ul-two"> 
    <li data-order="2">item 5</li> 
    <li data-order="1">item 4</li> 
    <li data-order="3">item 6</li> 
    </ul> 
</div> 

结果只需将UL-one元素

感谢您的回答

Answer 1

对不起，我误解了问题。

这是一个工作解决方案。我加id标签方便调用

http://jsfiddle.net/39ZvN/1141/

Answer 2

试试这个

<div id="list-one"> 
    <ul class="sort ul-one"> 
    <li data-order="1">item 1</li> 
    <li data-order="2">item 2</li> 
    <li data-order="3">item 3</li> 
    </ul> 
</div> 
<br /> 
<div id="list-two"> 
    <ul class="sort ul-two"> 
    <li data-order="1">item 4</li> 
    <li data-order="2">item 5</li> 
    <li data-order="3">item 6</li> 
    </ul> 
</div> 


$('.sort li').each(function() { 
     var position = $(this).data('order'); 
     $(this).siblings().eq(position+1).after(this); 
});