3

jQuery UIドラッグ可能をソート可能に接続していて、ソート可能はアイテムオプションを使用して、ソートできるアイテムを制限しています。これが正常な動作なのかバグなのかはわかりませんが、ソートできないアイテムの後にドラッグ可能なものがドロップされるのを防ぐことはできません。

問題を示すために、このJSfiddleを設定しました：http：//jsfiddle.net/agSwn/1/

ドラッグ可能はソート可能ではないため、アイテム1または2の前にドロップすることはできません。ただし、ドラッグ可能アイテムはアイテム7の後にドロップできます。たとえば、アイテム3の後にドラッグ可能アイテムをドロップすると、アイテム7の後にその新しいアイテムを並べ替えることができないことに注意してください。

4

1 に答える 1

2

ユーザーが 1 と 2 の前、または 7 の後に項目をドロップすることを本当に許可しない場合、これらの項目は常に最初と最後の項目になるため、別のリストに属している可能性があります。外観を同じままにしたい場合は、html と css を微調整するだけです。

<div id='lists'>
   <ul>
      <li class="ui-state-default">Item 1 (not sortable)</li>
      <li class="ui-state-default">Item 2 (not sortable)</li>
   </ul>
   <ul id="sortable">
      <li class="mixable ui-state-default">Item 3 (sortable)</li>
      <li class="mixable ui-state-default">Item 4 (sortable)</li>
   </ul>
   <ul>
      <li class="ui-state-default">Item 5 (not sortable)</li>
      <li class="ui-state-default">Item 6 (not sortable)</li>
      <li class="ui-state-default">Item 7 (not sortable)</li>
   </ul>
</div>

ここで私の例を参照してください。必要な機能を備えたあなたのように見えます: http://jsfiddle.net/dgmCp/1/

于 2012-11-19T20:27:38.133 に答える