У меня есть два разных списка
<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
.
Так может ли кто-нибудь указать мне, как связать два элемента списка ??