jquery - jQuery Resizable 的“也调整大小”不再起作用 - 什么可以关闭它？

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

您应该重新初始化调整大小，该图像似乎是一个不同的节点。参考已损坏。

更改时src再次执行此操作

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