Javascript 如何在Resizeable中添加maxWidth选项的特定值?
我想设置maxWidth,但我找不到任何解决方案,ypu能帮我吗 我用这个: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属性,只是没有设置为您期望的值。当我在浏览器中加载页面时
$("#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",
});
如果这是正确的,如果您能选择我的答案,我将不胜感激。如果这不起作用,也让我知道,这样我们就可以解决它。