0

私はjsとプログラミングの初心者で、誰かが私のコードを手伝ってくれればほとんど助けは必要ありません...

「シンプルな旅行プランナー」を作成.draggableしますが、テーブルにクラスを複製する必要がありますが、ここのように動作する必要もあります: http://jsbin.com/erofot/17、クローンを追加して同じように動作するためだけに

したがって、ドラッグした後、 div は再びサイズ変更可能、ドラッグ可能にする必要があるため、例にすぎません。

どうやってするか？

私は helper:clone を試してみましたが、うまくいきません。

私の英語に感謝し、申し訳ありません。

コード：

<script>
  $(function() {
    $( ".draggable" ).resizable();
    $( ".draggable" ).draggable({revert: 'invalid', snap: "#drop_here td", opacity: 0.7});
    $( "#drop_here td" ).droppable({
      accept: '.draggable',
      drop: function( event, ui ) {
        $( this )
          .find( "p" )
            .html( "Dropped!" );
      }
    });
  });
4

1 に答える 1

0

要素を複製する場合は、ドラッグ可能、サイズ変更可能などをドロップ時に再度インスタンス化する必要があります。

$("#drop_here td").droppable({
    accept: '.draggable',
    drop: function(event, ui) {
        $(this).find("p").html("Dropped!");
        var drg = ui.draggable.clone()
        drg.resizable();
        drg.draggable({revert: 'invalid', helper: 'clone', snap: "#drop_here td", opacity: 0.7});
        $(this).append(drg);
    }
});

これが更新されたJSBinです。

于 2013-07-02T14:00:46.567 に答える