イメージはドラッグ可能ですがサイズ変更されません

Question

私はimgタグをコンテナdivに動的に追加しています。 imgを作成している間、私は2つのクラスをドラッグアンドリサイズ可能に追加して、コンテナに追加します。だから私はドラッグすることができますが、サイズ変更することができません。何が問題なのでしょうか？以下は

これは@Andrewウィテカーにより示唆されるように変更されたコードですが、まだそれがこれで私を助け親切に動作していないimgタグ

var img = document.createElement('img'); 
$(img).attr("id", "dyndiv" + count); 
$(img).attr("width", 40); 
$(img).attr("height", 100); 
$(img).attr("src", 'Uploads/' + window.frames['ifrm'].document.getElementById('dvFileName').innerHTML); 

var $ctrl = $(img).addClass("draggable resizable ui-widget-content") 
    .draggable({ 
     containment: '#containment-wrapper', 
     cursor: 'move', 
     snap: '#containment-wrapper' 
    }) 
    .resizable({ 
     aspectRatio:true, 
     containment: '#containment-wrapper' 
    }); 

objid = "dyndiv" + count; 
count++; 

$(img).css("margin-top", Math.ceil(140/2) + 'px'); 
$(img).css("margin-left", Math.ceil(60/2) + 'px'); 
$(img).css({ 
    'top':20, 
    'left':30, 
    'zindex':400 + count 
});         
$("#containment-wrapper").append($ctrl); 

を作成するためのコード..です

  var $wrap_div = $("<div></div>", { 'id' : "dyndiv_img" + count }) ; 
      $wrap_div.addClass("wrapper"); 
      $wrap_div.resizable({ containment: '#containment-wrapper'}); 

     var img_clip = document.createElement('img'); 

                    $(img_clip).attr("id", "dyndiv" + count); 
                    $(img_clip).attr("src", current_clip) ;                   
                    var $ctrl = $(img_clip).addClass("draggable ui-resizable ui-widget-content").draggable({ containment: '#containment-wrapper', cursor: 'move',delay: 200,distance: 30, opacity: 0.35}).wrap($wrap_div); 
                    objid = "dyndiv" + count ; 
                    count++; 

                    $(img_clip).css({'top':20,'left':30}); 
                     //($ctrl).resizable({ containment: '#containment-wrapper'}) ;                 
                    $("#containment-wrapper").append($ctrl); 
                    $('#' + objid).position({ 
                    of: $("#containment-wrapper"), 
                    my: "center" + " " + "center", 
                    at: "center" + " " + "center" 

                    }); 

Answer 1

やっと私はその方法を見つけました。 imgタグのサイズ変更とドラッグ機能のためにラッパーdivは必要ありません。

   $(img_tag).resizable().parent().draggable(); 

これは私に役立ちます。

:)