Javascript 嵌套可调整大小的元素

我正在使用jQuery UI的可调整大小的嵌套div，如下所示：

<div id="resizable1">
   <div id="resizable2">
   </div>
</div>

…然后我也无法再调整可调整大小2

有没有其他人遇到过这种情况，并且知道如何避免这种行为

谢谢

---

Travis

我在使用嵌套的可调整大小的工具时也遇到了问题。。在设置第二个（嵌套）后，我失去了调整顶层的能力

要解决此问题，我将初始化，并在悬停/移出时销毁嵌套的一个：

$(".the-nested-elements").each(function() {
  $(this).hover(function() {
    $(this).resizable();
  },function() {
    $(this).resizable("destroy");                       
  });
});

---

这不是最优雅的解决方案，但它很有效。

有点晚了，因为我相信您已经离开了，但我遇到了同样的问题。这与一个已知问题有关：

根据rdworth的说法，您可以为此采取一种变通方法：

$("#resizable1").resizable("disable")
    .removeClass("ui-state-disabled ui-resizable-disabled")
    .children(".ui-resizable-handle").hide();

您可以在以下网址查看原始帖子，或在以下网址查看小提琴：

$("#resizable1").resizable("disable")
    .removeClass("ui-state-disabled ui-resizable-disabled")
    .children(".ui-resizable-handle").hide();