Question

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

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

我遇到了一个问题，禁用resizable 1也会禁用resizable 2.所以，如果我调用以下内容......

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

...然后我再也无法调整resizable2的大小。

是否还有其他人遇到此问题，并知道解决此问题的方法？

谢谢，

特拉维斯

Answer 1

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

要解决这个问题，我会初始化，并在悬停上/下时销毁嵌套的那个：

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

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

Answer 2

有点晚了，因为我确信你已经继续前进了，但我遇到了同样的问题。这与已知问题有关：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/

嵌套可调整大小的元素

2 个答案: