如何允许resizable（）增加超出初始大小的大小？

Question

有没有办法将css的max-height和max-width与JQuery-UI resizable()使用的限制分开？

我有一个div，在最初创建时，应该限制大小：

.my-div {
  max-width: 40em;
  max-height: 50%;
}

我希望它可以超出其初始大小进行调整，但不幸的是resizable()似乎也使用这些属性来确定调整大小的最大大小。试图通过传递maxHeight and maxWidth options来覆盖它并不起作用。有没有办法解决这个问题，或者其他一些工作可以让我限制div的初始大小，然后允许它通过resizable()增加？

我找到了an identical question on jquery.com，但在那里没有得到答复。

A small reproducing jsfiddle - 我怎样才能允许调整div的大小以查看＆＃34; .com＆＃34;后缀，同时只保留＆＃34; stackoverflow＆＃34;这个词最初可见吗？

Answer 1

您是否尝试通过jQuery重置CSS值（未经测试）？

1

更新：

你小提琴，我试过这个：

11

它可以解决你的问题吗？

Answer 2

我最终只是实现了＆＃34;最大值＆＃34; div上的逻辑手动限制其大小，而不是依赖于max-width：

if ($div.width() > limit) $div.css('width', limit);

http://jsfiddle.net/yzn5pnhn/2/