중첩 정렬 할 수있는 중첩 항목을 자식 요소로 끌 수 없습니다.

Question

knockout-sortable을 사용하고 있으며 목표는 nestedSortable입니다. 나는 작고 가벼운 무게의 바이올린을 가지고있다. example 나는 만들었고, 한가지를 제외하고는 모든 것이 괜찮다 : 나는 처음에는 나던 요소로 아이들을 옮길 수 없다. 이

자식 요소 인쇄 :

<div data-bind="if: children().length > 0"> 
    <ul data-bind="sortable: { template: 'tpl', data: $data.children }"></ul>    
</div> 

검사가 자식 요소를 배치 할 공간이 아직 없다 제거하더라도. 중첩 된 knockout에 대해 좋은 해결책이 있습니까?

Answer 1

너는 그것에게 약간 고도를 줄 필요가있다. 나는 if을 데려 UL

<div> 
    <ul class="sort-drop" data-bind="sortable: { template: 'tpl', data: $data.children }"></ul> 
</div> 

에 클래스를 놓고 그렇게 당신이 그것을

.sort-drop:empty { 
    background-color: red; 
    min-height: 5px; 
} 

Updated fiddle 볼 수 있습니다 빨간색 스타일.