0

JQueryUI を使用してドラッグ アンド ソートを実装しています。

問題は、ソート可能な最後の子の後にドラッグ可能なアイテムが配置されている場合、ソート可能な拒否のドラッグ可能なアイテムを作成する方法です?

<ul id="draggable">
    <li>Drag Item 1</li>
    <li>Drag Item 2</li>
    <li>Drag Item 3</li>
    <li>Drag item 4</li>
</ul>

<ul id="sortable">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li> 
    <li>Last item</li> //if I placed drag item after this, the sortable list reject the drag item
</ul>
  1. Drag Item 2 をソート可能にドラッグします
  2. ドラッグ アイテム 2 が sortable の最後の子の前に配置された場合 -> 通常のシナリオが発生した場合
  3. 並べ替え可能の最後の子の後に配置されたドラッグ項目 2 -> 並べ替え可能なリストがドラッグ項目 2 を拒否する場合

なにか提案を??どうも。

4

2 に答える 2

2

最後に、私の問題の解決策を見つけました。ここで見ることができます:http://jsfiddle.net/yosafatade/KE2JM/3/

于 2012-10-17T13:13:37.267 に答える
0

Problem comes from #sortable height as when mouse move after the last item, the stop event is fired.

You can see an example here: jsFiddle

于 2012-10-16T11:41:31.697 に答える