jquery에서 중첩 된 정렬 가능

중첩 된 <ul> -s 사이에서이 jQueryUI 정렬을했는데 어떻게 든 부러졌다.jquery에서 중첩 된 정렬 가능

문제점 : 각 목록의 항목을 끌 수는 있지만 한 목록에서 다른 목록으로 항목을 이동할 수는 없습니다. 나는 이것이 어제 일하고 있었다는 것을 맹세한다. 내가 한 변경 사항 : 나는 id="sortable"으로 <ul> -s를 모두 가지고 있었지만이 값을 class="sortable"으로 변경했습니다 (id는 고유해야하기 때문에). 또한 JS의 선택자를 #sortable에서 .sortable으로 변경했습니다. 그럴 일이 아니 겠지?

여기에 재현 : http://jsfiddle.net/DY2Ez/2/

/* JS */ 
     $(document).ready(function() { 
     $("#accordion").accordion({ collapsible: true }); 
     $(".sortable").sortable({ items: "> li.s" }); 
     $(".sortable").disableSelection(); 
     $("li.cntrl").sortable({ disabled: true }); //make controls not sort 
     });

출처

2013-08-21 gmdavisUX

이전에'# sortable'을 사용했다면 jQuery 선택기는 하나의 요소와 일치했을 것입니다. 이제 당신은'.sortable'을 사용하고 있고, 그것들 모두를 집어 들고 있습니다. 조사 할 가치가있는 중요한 차이입니다. –

이게 당신이 찾는거야? http://jsfiddle.net/DY2Ez/3/ –

@JasonP OP의 요구 사항을 충족하는 것 같습니다. 가치있는 대답으로 확실하게 추가 하시겠습니까? –

@JasonP 위의 의견에 답변을 제공했다. 코드의 세 번째 줄은 다음과 같아야합니다.

$(".sortable").sortable({ items: "> li.s", connectWith:'.sortable' });

connectWith 옵션이 추가되었습니다. 나는 왜 그것이 그것없이 이전에 일했는지 모르겠습니다.

출처

2013-08-21 14:15:04 gmdavisUX

jquery에서 중첩 된 정렬 가능

답변

관련 문제