jQuery Ressize 的"also resize"不再工作 - 什么可以关闭它？

Question

我有一个类为.box的div，它包含一个图像，我使用了：

$thebox = $('.box');
$thebox.resizable({ handles: 'all', alsoResize: img_id});

调整div的大小时，调整包含的图像的大小。图像有自己的来源和ID，所以HTML是这样的：

<div class='box'><img src='path/filename' id='img1' /></div>

然后，在某一点上（在用户编辑时），我替换图像的源，用新的图像替换图像。但是在替换了图像之后，box容器仍然可以按预期调整大小，但是，所包含的img1现在不再同步调整大小，它仍然是静态的。我不知道为什么会发生这种情况！

编辑

好吧，我在Firebug上得到了一个错误，说TypeError: a.size is undefined，相关的jQuery是这样的：

function(a){e(a)});else e(g.alsoResize)},resize:function(g,e){var a=b(this).data("resizable");g=a.options;var d=a.originalSize,h=a.originalPosition,i={height:a.size.height-d.height||0,width:a.size.width-d.width||0,top:a.position.top-h.top||0,l..... // blah blah

这有帮助吗？

Answer 1

您应该重新初始化resize，该图像似乎是一个不同的节点。引用已损坏。

当更改src时，再次执行

$thebox.resizable({ handles: 'all', alsoResize: img_id});