Блог

У меня есть два разных списка

 <ul id="one">
    <li id="num_1">One</li>
    <li id="num_2">two</li>
    <li id="num_3">Three</li>
    <li id="num_4">Four</li>
</ul>
<ul id="two">
    <li id="recordsArray_1">1: First</li>
    <li id="recordsArray_2">2: Second</li>
    <li id="recordsArray_3">3: Third</li>
    <li id="recordsArray_4">4: Fourth</li>
</ul>
  

У меня есть мои коды jQuery в виде

 $(function() {
    $("#two").sortable({ opacity: 0.6, cursor: 'move', update: function() {
    // Do stuffs                                             
}                                 
});
  

Здесь я хочу сделать следующее: когда я перетаскиваю любой элемент в #two , я хочу, чтобы соответствующий элемент в #one отображался при перетаскивании.

Скажем, например, я перетаскиваю #recordsArray_3 в начало списка #two , затем #num_3 будет выполнено и будет помещено в начало списка #one .

Итак, кто-нибудь может подсказать мне, как связать два элемента списка??