jquery domリサイズ可能なドラッグ可能な包含問題

Question

jquery resizable（）が、それに割り当てられた包含IDの全幅と高さにサイズ変更されないのはなぜですか？あなたはhttp://jsfiddle.net/C8YSU/6/で試してみることができますし、私は何を意味する参照してください。作成したdivのサイズを変更しようとすると、親#container divの全幅と高さにサイズが変更されません。これはdraggable()関数によって引き起こされたようです。

Answer 1

。

Answer 2

ドラッグ可能なアイテムを追加する際に問題があります。

この例を試してみてください。ドラッグ可能ではなく、ハンドルが追加されました。 DIVは、問題を修正#containerに相対位置を追加

http://jsfiddle.net/C8YSU/7/

Answer 3

<script type="text/javascript"> 
     $("button").click(function() { 
      var elm = $('<div id="divId" class="adiv abs"></div>'); 
      elm.appendTo('#container').resizable({ 
       containment: "parent" 
      }); 
     }); 
    </script> 

更新

<script> 
     $("button").click(function() { 
      var elm = $('<div id="divId" class="adiv abs"></div>'); 
      elm.appendTo('#container').draggable({ 
       snap: true, 
       containment: 'parent' 
      }).resizable({ 
       maxWidth: 300, 
       maxHeight: 300 
      }); 
     }); 

</script>