0

私はjsとjqueryの初心者で、誰かが私を助けることができれば少し助けが必要です...

私がしたいこと？

div をサイドバーからテーブルにドラッグしたい。サイドバーの div は、テーブルにのみドラッグ可能である必要があります。div をテーブルにドラッグすると、そこにテーブルがあり、div はサイズ変更およびドラッグ可能である必要があります。

写真： ここに画像の説明を入力

私はこのコードを試してみましたが、うまくいきません:

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

デモとソース コード: http://jsbin.com/erofot/17/edit | http://jsbin.com/erofot/17

4

1 に答える 1

0

その場合の方法は次のとおりです: (jsbin にあるものをこのコードに置き換えます) jsbin

$(function() {
    //$( ".draggable" ).resizable();
    $( ".draggable" ).draggable({
      revert: 'invalid', 
      helper:"clone",
      snap: "#drop_here td", 
      opacity: 0.7
    });
    $( "#drop_here td" ).droppable({
      // accept only from left div, 
      // this is necessary  to prevent clones duplicating inside droppable
      accept: '#left .draggable',
      drop: function( event, ui ) {
        // 4 append clone to droppable
        $( this ).append(
          // 1 clone draggable helper
          $(ui.helper).clone()
          // 2 make the clone draggable
          .draggable({containment:"parent"})
          // 3 make the clone resizable
          .resizable());
      }
    });
  });
于 2013-07-04T09:57:54.357 に答える