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'];