Question

I m having a hard time trying to lock the depth of nested sortable elements, so that they can only sort up and down among their direct siblings.

我认为我这样做了,但我仍然能够把儿童物品从母子中删除,反之亦然。

var $sort = $(  #outside-wrapper  ).sortable({

    axis  :  y ,
    items :  .item ,
    start : function( event, ui ) {
        // dynamically set the containment to the item s direct parent once started
        $sort.sortable(  option ,  containment , ui.item[0].parentNode );
    }

});

这里是标志要求的一个例子;

<div class="item">

    <div class="item"><!-- content --></div>

    <div class="item">

        <div class="item"><!-- content --></div>

        <div class="item">

            <div class="item"><!-- content --></div>    

        </div>

    </div>

</div>

赞赏任何要点!

Answer 1

许多人感谢。 UI: 只允许在自己的父母一级,而不是高于或低于。

最后结果;

sort.call( $(  #outside-wrapper  )[0] );

function sort() {
    $( this )
        .sortable(  destroy  )
        .sortable({ items :  > .item  })
        .find(  > .item  )
        .each( sort );
}

那里发生了破坏,因为我不得不在我加入OM时进行整编。略微令人厌恶的密集度,但正如他们说的那样。

<>UPDATE: IE (7 & 8) projectile vomited. Seemed the drag activity was bubbing up, and all the parent nodes go with it,movingential long from one another...

Yeah, ice。但我不是茶叶。定有<代码>handler: > .handler ,即不使用可分类物体作为手稿!

Answer 2

我会补充一个答案,尽管它有以下标记:

解决办法比较容易,较少。如果你给孩子们说的话,他们仍是一个群体:

<div class="items">
    <div class="one"> x </div>
    <div class="one"> x </div>
    <div class="one"> 
        <div class="items">
            <div class="one"> x </div>
            <div class="one"> x </div>
            <div class="one"> x </div>
        </div>
    </div>
</div>

在上述法典中,这项工作将:

$( div.items, div.items ).sortable({/* ... */});

I ve found this fiddle with similar code:

友情链接