jQuery UI Sortable- 아동 요소로의 양도를 허용하지 않습니다

Question

저는 JQuery의 UI Sortables와 함께 일하고 있으며이 형식으로 DIV 시스템을 만들었습니다.

<div class='mainDiv'>
    <label>text: <input type='text' name='textbox' /></label>

    <div class='children'>
        <div class='mainDiv'>...</div>
        <div class='mainDiv'>...</div>
        <div class='mainDiv'>
            <label>text: <input type='text' name='textbox' /></label>
            <div class='children'>...</div>
        </div>
    </div>
</div>

DIV는 무한한 수의 어린이를 가질 수 있으며, 부모 상자 내에서 .maindiv를 모두 끌고 떨어 뜨릴 수 있기를 원합니다. 그래서 나는 이것을 사용했습니다.

$(".mainDiv").parent().sortable({items: ".mainDiv", containment: "parent"});

그러나 이것은 요소를 자녀 나 형제 자매로 끌어 당길 수 있습니다. 나는 일어나고 싶지 않습니다. 나는 요소를 부모 안에 머무르는 것으로 제한하고 싶습니다.

여기서 도움이 뜨거울 것입니다.

건배

Answer 1

나는 이것처럼 그것을 해결했다 :

$(this).parent().sortable({
    items: '> li',
    axis: 'y',
    ...
});

귀하의 경우에는 다음과 같이 작동해야합니다.

items: '> .mainDiv'

격리 : "부모" 필요하지 않습니다.

제 경우에는 더 빠르기 때문에 이전 클릭 이벤트 중에 "정렬 가능"을 활성화합니다. "Mousedown"이벤트에 묶으면 더 쉽다고 생각합니다. 트리를 동적으로 만들면 (egajax) "LiveQuery"를 사용하는 것이 좋습니다.