JQuery Сортируемый соединиться с, перемещать элементы только из слева направо

Question

У меня есть JQuery UI Сортируемый страницу connectwith как

<div class="left_column"> 
      <ul id="sortable1" class="connectedSortable"> 
       <li>Item 1</li> 
       <li>Item 2</li> 
       <li>Item 3</li> 
       <li>Item 4</li> 
       <li>Item 5</li> 
      </ul>   
    </div> 

    <div class="right_column"> 
      <ul id="sortable2" class="connectedSortable"> 
       <li>Item 1</li> 
       <li>Item 2</li> 
       <li>Item 3</li> 
       <li>Item 4</li> 
       <li>Item 5</li> 
      </ul>     
    </div> 

и JQuery

<script> 
$(function() { 
    $("#sortable1, #sortable2").sortable({ 
     connectWith: ".connectedSortable" 
    }).disableSelection(); 
}); 
</script> 

теперь он работает очень хорошо, но я только хочу чтобы перемещать элементы из left_column в right_column, пользователи не смогут перемещать элементы из right_column в left_column, а также могут перемещаться вверх/вниз в обоих столбцах

любые идеи?

Answer 1

Да, вам не нужно подключать оба. просто подключите сортировку 1 с сортировкой 2

<script> 
$(function() { 
    $("#sortable1").sortable({ 
     connectWith: "#sortable2" 
    }).disableSelection(); 

    $("#sortable2").sortable({ 
    }).disableSelection(); 

}); 
</script>