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

Я поставил код в Fiddle

Answer 1

Использование #id вместо .ClassName добавить еще один disableSelection() метод Partiular #id

$(function() { 

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

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

}); 

Обновлено Fiddle Here