는 컨테이너 요소가 정렬

Question

작동하지 않고 결합하면 나는 문제를 설명하기 위해 rniemeyer에서 JSFiddle 수정 : http://jsfiddle.net/mTqMt/1/

<div class="container" data-bind="sortable: groupOrItems"> 
    <!--ko if: type=='Group'--> 
    <div> 
     <div class="title" data-bind="text: name()"></div> 
     <!--here I would actually have a nested sortable--> 
    </div> 
    <!--/ko--> 
    <!--ko if: type=='Item'--> 
    <div class="item" data-bind="text: name()"></div> 
    <!--/ko--> 
    </div> 

방화범은 말한다 : "형식 오류 : 노드가 null"녹아웃 - latest.debug 라인 (546). js

"sortable"대신 "foreach"로 시도한 다음 효과가있었습니다.

아이디어가 있으십니까?

Answer 1

sortable 바인딩 및 jQuery UI sortable은 사용자가 정렬중인 항목을 잡아 내기 위해 부모 요소를 필요로합니다.

당신은 적어도 같은 요소에 전체 "항목을"포장 할 것 :

<div class="container" data-bind="sortable: groupOrItems"> 
    <div> 
     <!--ko if: type=='Group'--> 
     <div> 
     <div class="title" data-bind="text: name()"></div> 
     <!--here I would actually have a nested sortable--> 
     </div> 
     <!--/ko--> 
     <!--ko if: type=='Item'--> 
     <div class="item" data-bind="text: name()"></div> 
     <!--/ko--> 
    </div> 
    </div> 

업데이트 : http://jsfiddle.net/rniemeyer/FSYYb/