0

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

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

我遇到了一个问题，禁用可调整大小的 1 也会禁用可调整大小的 2。所以，如果我调用以下...

$("#resizable1").resizable("disable");

...然后我也不能再调整 resizable2 的大小。

有没有其他人遇到过这种情况，并且知道解决这种行为的方法？

谢谢，

特拉维斯

4

2 回答 2

2

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

为了解决这个问题，我初始化，并在悬停/悬停时销毁嵌套的：

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

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

于 2011-05-05T18:51:18.007 回答
0

有点晚了，我相信你已经继续前进了，但我遇到了同样的问题。这与一个已知问题有关：http: //bugs.jqueryui.com/ticket/5973

根据 rdworth，您可以为此做一个解决方法：

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

您可以在以下网址查看原始帖子：http: //forum.jquery.com/topic/trouble-with-nested-resizables，或在以下网址查看小提琴：http: //jsfiddle.net/rdworth/vaD8v/

于 2011-05-18T19:26:04.977 回答