動的に作成されたdivにドロップした後、Jquery-ui draggableが機能しない

Question

divをドラッグできません.Drawableバインドされたdivにドロップされます。

私は、テキストボックスやチェックボックスなどのコントロールが挿入されたドロップ可能に設定された複数の行を持っています。各コントロールはdraggable divで囲まれています。

最初に、列がドラッグ可能なバインドされたdivにドラッグアンドドロップされると、正常に動作し、その後ドラッグ可能に停止します。私はdivを落とした後にdraggableを再初期化しようとしましたが、うまくいきません。実際に問題がドラッグ可能ではありませんでした

function buildRow() 
{ 
    var formRow = $("div").attr('id', 'mainform') 
        .attr('rowIndex', rowIndex) 
        .attr('class', 'formrow ') 
        .attr('style', 'width: 100%;min-height:100px) 
        .droppable({ 
         accept: "#formColumn", 
         drop: function (event, ui) { 

          $(ui.draggable).draggable('destroy').draggable({ 
           containment: $('#formControlsPlaceholder'), 
           cursor: 'move' 
          }); 

         } 
        }); 

var formColumn = $('<div>') 
        .attr('id', 'formColumn') 
        .attr('style', 'width:80%;max-width:100%;') 
        .draggable({ 
         containment: $('#container'), 
         cursor: 'move' 
        }); 
} 

Answer 1

：

以下

は、私はこれらをレンダリングするために一つの容器の内側に付加された後、列ごとに実施している方法です。新しい行に要素やコントロールを落とすとき、私はattr（ 'style'）を使ってその内部のすべての要素の幅を等しくしました。しかし、attr（ 'style'）の設定が既存のスタイルをすべて置き換えることに気づいていなかったため、DOMへのDraggableのバインドも壊れました。

私がattr（ 'style'）をcss（ 'width'、 'sth'）に置き換えると、うまくいきました。

：D

Dhiraj Dhakal