嵌套可调整大小的元素

问题描述：

我使用jQuery UI的可调整大小的div的嵌套，就像这样：嵌套可调整大小的元素

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

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

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

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

有没有其他人遇到过这种情况，并知道解决此问题的方法？

谢谢，

特拉维斯

答

我使用嵌套resizables以及具有麻烦..建立后的第二个（嵌套）我输给调整顶层一个的能力。

要通过输入/输出解决此我初始化，并摧毁一个嵌套在悬停：

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

这不是最优雅的解决方案，但它的工作原理。

答

有点晚了，因为我相信你已经走了，但我遇到了同样的问题。这是关系到一个已知的问题：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/

嵌套可调整大小的元素

相关推荐