jQuery可调整大小插件,仅调整高度

jQuery可调整大小插件,仅调整高度,jquery,jquery-ui-resizable,Jquery,Jquery Ui Resizable,如何使alsoResize选项仅适用于高度,而不适用于宽度和高度?实际上,如果您将最大宽度设置为限制,我们无法将宽度调整为大于此值 比如说, $( ".selector" ).resizable({ maxWidth: 250 }); //For initialzation 将不允许调整大小的宽度超过250px 如果你检查这个演示 ,您将注意到宽度大小调整仅限于一个点 因此,在您的情况下,将.selector和maxWidth的初始宽度设置为相同的 有关更多信息,请转到实际上,如果您将max

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

实际上,如果您将
最大宽度设置为限制,我们无法将宽度调整为大于此值

比如说,

$( ".selector" ).resizable({ maxWidth: 250 }); //For initialzation 
将不允许调整大小的宽度超过250px

如果你检查这个演示 ,您将注意到宽度大小调整仅限于一个点

因此,在您的情况下,
.selector
maxWidth
的初始宽度设置为相同的


有关更多信息,请转到实际上,如果您将
maxWidth
设置为一个限制,则我们无法将宽度调整为超过该限制

比如说,

$( ".selector" ).resizable({ maxWidth: 250 }); //For initialzation 
将不允许调整大小的宽度超过250px

如果你检查这个演示 ,您将注意到宽度大小调整仅限于一个点

因此,在您的情况下,
.selector
maxWidth
的初始宽度设置为相同的


有关更多信息,请转到

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

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

只需转到插件代码并放置以下内容:

if(this.className='YOUR_ELEM_CLASS_或_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'];

只需转到插件代码并放入以下内容:

if(this.className='YOUR_ELEM_CLASS_或_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'];