jquery - jQuery 可调整大小插件，仅调整高度

Question

如何使alsoResize选项仅适用于高度而不适用于宽度和高度？

Answer 1

实际上，如果你设置maxWidth了一个限制，我们不能调整宽度超过它。

例如，

$( ".selector" ).resizable({ maxWidth: 250 }); //For initialzation 

不允许调整大小超过 250px 的宽度

如果您查看此演示 http://jqueryui.com/demos/resizable/#max-min，您会注意到宽度调整被限制在一个点。

因此，在您的情况下，设置and的初始宽度.selectormaxWidth即可。

欲了解更多信息，请访问http://jqueryui.com/demos/resizable/#option-maxWidth

Answer 2

我假设您的可调整大小的基本元素可以在 x 和 y 轴上调整大小。使用 alsoResize 选项将对匹配元素应用相同的更改。我建议您不要使用 alsoResize 选项，而是使用 resize 事件处理程序手动应用更改。

Answer 3

只需转到插件代码并输入：

if (this.className == 'YOUR_ELEM_CLASS_OR_ID_NAME_HERE') css = ['height'];

在此之后：

_alsoResize = function (exp, c) {
            $(exp).each(function() {
                var el = $(this), start = $(this).data("resizable-alsoresize"), style = {}, 
                    css = c && c.length ? c : el.parents(ui.originalElement[0]).length ? ['width', 'height'] : ['width', 'height', 'top', 'left'];