如何在Resizable中添加maxWidth选项的特定值？

Question

http://jsfiddle.net/ndpnU/2/

我想设置maxWidth但我找不到任何解决方案，ypu请帮帮我吗？

我用这个：

$("#one").resizable({
    minWidth: 200,
    handles: 'e',
    maxWidth: $(this).next().width() - 200 + $(this).width(),
    alsoResizeReverse: "#two",

});

Answer 1

可调整大小的maxWidth属性确实正在设置，而不是您期望的值。当我在浏览器中加载页面时，maxWidth被设置为大约1200.这是因为$(this).next().width()返回null并且$(this).width()可能没有返回您期望它的值

您似乎假设this引用#one元素。但是，在您的代码中，this实际上是指#document元素。因此$（this）.next（）返回null，因为#document没有兄弟元素。您可以使用浏览器中的JS调试/开发人员工具来验证这一点。

也许您需要使用#document元素而不是#one。在这种情况下，您可以按如下方式修改代码：

var $oneEl = $("#one");
$oneEl.resizable({
    minWidth: 200,
    handles: 'e',
    maxWidth: $oneEl.next().width() - 200 + $oneEl.width(),
    alsoResizeReverse: "#two",
});