مسج UI للفرز - يمنع نقل إلى عناصر الطفل

Question

أنا أعمل مع مسج UI sortables إنشاء نظام divs في هذا الشكل ؛

<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>

على divs يمكن أن يكون لديك عدد لا حصر له من الأطفال ، وأريد أن تكون قادرة على سحب وإسقاط كافة .mainDiv ضمن الوالدين مربع ، لذلك يجب استخدام هذا:

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

ومع ذلك ، فإن هذا يسمح العناصر الانجرار إلى الطفل أو أخ .الأطفال divs.التي لا تريد أن يحدث.أريد أن تحد من عناصر البقاء داخل الأم.

أي مساعدة هنا سوف تكون ساخنة.

هتافات

Answer 1

تمكنت من حل مثل هذا:

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

في حالتك يجب أن تعمل مع:

items: '> .mainDiv'

الاحتواء:"الأم" غير مطلوب.

في حالتي أنا تمكين "للفرز" أثناء السابقة انقر فوق الحدث ، كما يتم بشكل أسرع.أعتقد أسهل إذا كنت ربط "mousedown" الحدث.إذا قمت بإنشاء شجرة حيوي (هـ.ز.اياكس), أنصحك أن استخدام "livequery".