0

同じアイテムでjQueryUIの並べ替え可能+ドラッグ可能+ドロップ可能を使用したいと考えています。すべての.item要素を並べ替えて、.itemを別の要素にドラッグアンドドロップできるようにしたいと思います。以下は私のコードです：

<script>
    $(function() {
        $("#wrapper").sortable({
            items: ".item",
            stop: function(event, ui) {
                // save new sort order
            }
        });

        $(".item").draggable({
            helper: ".clone",
            connectToSortable: "#wrapper"
        }).disableSelection().droppable({
            accept: ".slide",
            drop: function(event, ui) {
                // dropping .item into another .item
            }
        });
    });
</script>

<div id="wrapper">
   <div class="item">1</div>
   <div class="item">2</div>
   <div class="item">3</div>
   <div class="item">4</div>
   <div class="item">5</div>
</div>

並べ替え可能+ドラッグ可能+ドロップ可能を使用すると、どちらか一方だけが機能し、すべてが一緒に機能するわけではありません。これを達成するために私は何が欠けていますか？

ありがとう！

4

1 に答える 1

0

あなたが言おうとしていることを完全に理解しているかどうかはわかりません。リスト内の項目をドラッグ アンド ドロップで並べ替えるだけの場合は、.draggable と .droppable は必要ありません。

http://jsfiddle.net/Earendil/saQwr/

ある項目要素を別の要素にドロップしようとしている場合は、私に知らせてください。それが機能するかどうかを確認し、更新されたフィドルを投稿します。

于 2011-06-10T16:17:11.487 に答える