Jqueryのサイズ変更が子クラスで正しく動作していない

Question

何らかの理由で、子のサイズ変更ができません。私はサイズ変更次いで$(".parent").resizable({alsoResize: ".child"});を試み

<div class="parent"><img class="child"></div> 
<div class="parent"><img class="child"></div> 
<div class="parent"><img class="child"></div> 

が起こるが、それは代わりに、対応する画像のすべての画像のサイズを変更しています。 iは

$(".parent").resizable({ alsoResize: $(this).closest('.child') }); 

又は

$(".parent").resizable({ alsoResize: $(this).find('.child') }); 

をしようとしたとき

のみDIV内部画像ではなく、サイズ変更されます。なぜこれが起こるのですか？また、私は$(".child").resizable();が、その後<div class="ui-wrapper" >が来ている使用して、それが

<div class="parent"> 
    <div class="ui-wrapper"><img class="child ui-resizable"></div> 
</div> 

になるが、ここで何の問題があることはIMGが表示どれも自動的に来ていないので、幅およびUI-ラッパークラスの高さを示していないときに

設定または設定しない0。問題を見つけるのを助けてください。

Answer 1

まず、セレクタが間違っています。プレフィックス.がありません。次にthisは.parent要素を参照していないため、イベントハンドラが作成されているスコープを参照しています。これを修正するには、.parent要素をループして個別にイベントをアタッチします。これを試してください：

$(".parent").each(function() { 
    $(this).resizable({ 
     alsoResize: $(this).find('.child') 
    }); 
});