2011-06-06 27 views
2

私はそれ自身ではうまくいきませんが、それ以上の問題を引き起こしているDraggableも追加しました。ネストされたSortables間jQuery UI SortableとDraggableの問題

  • ソート項目はほとんど不可能であり、それをしよう;)
  • 内ソート可能にドラッグ可能にドラッグも同様に外側のソート可能に新しい項目を追加

例:JSFiddle

これは、現バージョンのjQuery UIで実現するのは不可能だと思います。


編集:see comment below

+0

:)願っていますアイデアは上のクローム12で私のために正常に動作するように見えたのですか、これは動作しない場合がありますWindows 7の場合 – Marcel

+0

私は11を持っているのでChrome 12をテストできませんが、Firefox 4、Opera 11、Internet Explorer 9でもWindows 7でテストされています – Melvin

+0

これはできませんでしたが、少し努力...ホールドアップ... – Val

答えて

0
<ul> 
    <li>Item 1</li> 
    <li>Item 2</li> 
    <li>Item 3</li> 
    <li> 
     <ul> <li>Item 4</li> </ul> 
    </li> 
</ul> 

$('ul').bind('mouseenter',function(){ 
    //$(this).parents('ul').sortable('destroy');//this line is optional... :) 
    $(this).sortable({'items':'li'}); 
}); 
$('ul').bind('mouseleave',function(){ 
    $(this).sortable('destroy'); 
}); 

私はそれをテストしていませんが、あなたは私が

+0

これは、外側のソート可能なアイテムを内側のソート可能なアイテムから内側のソート可能なアイテムにドラッグすることを可能にしますが、内側のソート可能なアイテムから外側のアイテムへアイテムを移動する能力を損なうだけでなく、Draggableから新しいアイテムをソート可能、 – Melvin

+0

1つのヒントは、管理しやすく、ソート可能なので、ul、liの組み合わせを使用することです。 – Val

+0

div要素の並べ替えは、リスト項目のように動作するので問題ありません"display:list-item;"を追加した場合。私はul> liの組み合わせを使用することはできません。なぜなら、私が意味するものを知っていれば、すべてのアイテムが同じ親を持たないより複雑なコンテナが必要なのです。 – Melvin