Question

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

Answer 1

实际上，如果您将maxWidth设置为限制，我们无法将宽度调整为超过它。

例如，

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

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

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

因此，在您的情况下，设置.selector和maxWidth相同的初始宽度，然后就完成了。

有关详细信息，请转至http://jqueryui.com/demos/resizable/#option-maxWidth

Answer 2

我假设您的可调整大小的基本元素可以在x＆amp;中重新调整大小。 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'];

jQuery可调整大小的插件，只调整高度

3 个答案: