.resizable 'img'関数からimgファイルを除外

Question

私が作業しているページには、それぞれ1つの画像を含むdiv-id（dragZone）が含まれています これらはすべてドラッグ可能、クリックすると前方に移動します。

私は$（ 'img'）で塗りつぶされた.resizableを得るにはサイズ変更可能ですが、これは現在ページ上の他のすべての画像に影響します。

dragzone-idにある画像ファイルのみに.resizableを適用する方法はありますか？これが唯一のあなたはまた、dragZone内の画像要素を見つけるためにfindメソッドを使用することができますdragZone divの

Answer 1

内のimgのを取得します

$('#dragZone img').resizable({maxHeight: 600, aspectRatio: true, animate: true }); 

へ

$(document).ready(function() { 
var a = 3; 
$('#dragZone > div').draggable({ 
start: function(event, ui) 
{ $(this).css("z-index", a++); }}) 

$('img').resizable({maxHeight: 600, aspectRatio: true, animate: true }); 

$('#dragZone > div').click(function() { 
    $(this).addClass('top').removeClass('bottom'); 
    $(this).siblings().removeClass('top').addClass('bottom'); 
    $(this).css("z-index", a++); 

}); 
});  

Answer 2

変更

$('img').resizable({maxHeight: 600, aspectRatio: true, animate: true }); 

：

$('#dragZone').find('img').resizable({maxHeight: 600, aspectRatio: true, animate: true });