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

Question

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

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

我用这个：

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

});

Answer 1

resizable的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",
});