jQuery Sortable/Draggable list disableselection（）不工作

Question

我使用HTML5 Sortable作爲Sortable和Draggable列表。

問題

我使用jQuery disableSelection()禁用清單從右向左移動。這不起作用。有沒有其他方法可以避免列表從右向左移動。

HTML

<section> 
     <h1>Sortable Lists</h1> 
     <ul id="sortable1" class="connected sortable list"> 
      <li draggable="true">Item 1 
      </li><li draggable="true">Item 3 
      </li><li draggable="true" class="" style="display: list-item;">Item 2 
      </li><li draggable="true">Item 4 
      </li><li draggable="true">Item 5 
      </li><li draggable="true">Item 6 
     </li></ul> 
     <ul id="sortable2" class="connected sortable list"> 
      <li class="highlight" draggable="true">Item 1 
      </li><li class="highlight" draggable="true" style="display: list-item;">Item 2 
      </li><li class="highlight" draggable="true">Item 3 
      </li><li class="highlight" draggable="true">Item 4 
      </li><li class="highlight" draggable="true">Item 5 
      </li><li class="highlight" draggable="true">Item 6 
     </li></ul> 
    </section> 

jQuery的

$(function() { 
     $(".connected").sortable({ 
      connectWith: ".connected" 
     }).disableSelection(); 
}); 

小提琴

我已經把代碼Fiddle

Answer 1

使用#id而不是.ClassName添加一個disableSelection()方法Partiular #id

$(function() { 

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

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

}); 

更新Fiddle Here