0

http://jsfiddle.net/stevea/zPPPV/3/で簡単なドラッグアンドドロップの状況があります。緑色のボックスをドラッグ アンド ドロップすると、ドロップ ハンドラーはドラッグされたオブジェクトのクローンを作成し、ドロップが発生した xy の赤いボックスに挿入します。緑色のボックスには絶対位置があり、クローンにはドロップ ポイントでオフセットが与えられます。

ボックスのドラッグ アンド ドロップは一度は正常に機能しますが、Firebug が ui-draggable クラスを持っていることを示していても、複製して挿入された新しいボックスをドラッグ アンド ドロップすることはできません。

誰かが問題を見ていますか？

ありがとう。

jsfiddle を参照したので、明らかにコードを表示する必要があります。

<div id="red">
    <div id="box_green" class="green"></div>  
</div>
4

2 に答える 2

1

これを行う直接的な方法はありません。これをチェックしてください。

    $('#orangeBox').draggable({
        opacity:'0.5', 
        helper:'clone',
        revert : 'invalid'
    });   
    $('#page').droppable({
        accept:'#orangeBox',
        drop: function( event, ui ) {
            $(this).after($(ui.helper).clone());
        }
    });

デモ

于 2013-04-10T12:03:55.850 に答える
0

私は答えを見つけました。アイテムを複製してドロップすると、ドラッグ可能な関数にバインドされなくなるため、最後の行を次のように変更します

.prependTo('#red').draggable({opacity:'0.5', helper:'clone'});

トリックを行います。

于 2013-04-10T16:47:42.257 に答える