jquery - 从 .resizable 'img' 函数中排除 img 文件

Question

在我正在处理的页面上有一个 div-id (dragZone)，其中包含单独的 div-id，每个 div-id 包含一个图像，这些都是可拖动的、可调整大小的，并且在单击时会出现。

为了让 .resizable 起作用，我填写了 $('img').resizable ，但这现在当然会影响页面上的所有其他图像。

知道如何使 .resizable 仅影响 dragzone-id 中的图像文件吗？

$(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 1

改变

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

到

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

这只会在dragZone div中获得img

Answer 2

您还可以使用find方法在内部查找图像元素dragZone：

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