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

How to add a specific value of maxWidth option in Resizable?

本文关键字：选项 maxWidth 添加 Resizable      更新时间：2023-12-30

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

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

我使用这个：

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

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

似乎您假定this是指#one元素。但是，在您的代码中，this实际上是指#document元素。因此$（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",
});
相关文章：