JQUERYでドラッグ＆スワップ

2つのdivからコンテンツをドラッグアンドスワップする必要があります。次のようにしてうまく動作し、コンテンツをスローされたDIVに正しくスワップしますが、ドラッグ可能なDIVは空白のままにします。JQUERYでドラッグ＆スワップ

var draggable = ui.draggable;       
var droppable = $(this); 

    // Clear previous content 
    $(this).empty(); 
    // Append new content 
    $(this).append(draggable); 


    // Clear previous content 
    ui.draggable.empty(); 
    // Append new content 
    ui.draggable.append(droppable);

私はドラッグ可能なDIV

キャッチされない例外：DOMExceptionにコンテンツを追加に関し、それ以下のエラーが表示されます。実行に失敗しました「のappendChild」「ノード」上：新しい子要素は、親が含まれています（...）。

歓迎以上のアイデア！ :)

出典

2016-12-11 Robert Luongo

http://stackoverflow.com/questions/4589606/jquery -draggable-items-lose-their-draggability-after-being-swapped-with-jsfiddlこの質問はあなたを助けるかもしれません。 –

これは便利なおかげで、数式を変更して問題なく機能しているのは、ドラッグ可能なDIVが正しく置き換えられ、追加の親divがあることです。私はchildNodeなどを追加しようとしています。私はスワッピングのために使用しています： –

jQuery.fn.swapWith = function（to）{ この返り値を返します（{ var copy_to = $（to）.clone（）; var copy_from = $（これ）。クローン（）; $（to）.empty（）; $（to）.append（copy_from）; $（this）.empty（）; $（this）.append（copy_to）; }）; }; –

はちょうどあなたがドラッグを達成できることを発見し、（.sortableを使用することによって、角度に簡単にはるかに入れ替える）、あなたの助けに感謝アルン:)

出典

2016-12-13 10:10:47

JQUERYでドラッグ＆スワップ

答えて

関連する問題