0

私のフィドルを参照してください

 $("#header").draggable({
   // helper: "clone",
    //cursor: 'move',
     containment: '#list ul'
});

このフィドルのURLを参照してください

画像フィールドをドラッグして、test1、test2、またはtest3に配置します。

また、配置された画像のli idを取得する方法。

この画像フィールドをtest1にドラッグすると. 画像フィールドはその位置を保持する必要があります。したがって、これをドラッグしてtest2にもドロップできるのは私だけです。この画像フィールドを複数の場所に配置できませんでした。また、ドロップ後にこれを削除する方法がわかりません。助けてください ありがとう

4

1 に答える 1

1

このフィドルを見る

このスクリプトを ur コードで使用します。

$("#header").draggable({
    helper: 'clone',
    cursor: 'move',
    tolerance: 'fit'
});

        $("#container").droppable({

            drop: function (e, ui) {

                if ($(ui.draggable)[0].id != "") {
                    x = ui.helper.clone();
                ui.helper.remove();
                x.draggable({
                    helper: 'original',
                    containment: '#container',
                    tolerance: 'fit'
                });

                x.appendTo('#container');
            }

            }
        });
});
于 2013-11-11T06:41:37.550 に答える