Javascript 如何在Resizeable中添加maxWidth选项的特定值?

Javascript 如何在Resizeable中添加maxWidth选项的特定值?,javascript,jquery,resizable,Javascript,Jquery,Resizable,我想设置maxWidth,但我找不到任何解决方案,ypu能帮我吗 我用这个: $("#one").resizable({ minWidth: 200, handles: 'e', maxWidth: $(this).next().width() - 200 + $(this).width(), alsoResizeReverse: "#two", }); 确实正在设置Resizeable的maxWidth属性,只是没有设置为您期望的值。当我在浏览器中加载页面时

我想设置maxWidth,但我找不到任何解决方案,ypu能帮我吗

我用这个:

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

});

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

您似乎假设
引用了
#one
元素。但是,在代码中,
这个
实际上指的是
#文档
元素。因此,$(this).next()返回null,因为
#document
没有同级元素。您可以在浏览器中使用JS调试/开发工具来验证这一点

也许您真的想使用
#one
元素而不是
#document
。在这种情况下,您可以按如下方式修复代码:

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

如果这是正确的,如果您能选择我的答案,我将不胜感激。如果这不起作用,也让我知道,这样我们就可以解决它。