jQuery UI:当我增加/减少 div 的大小时,如何设置调整大小限制、纵横比

奥瓦兹·尤苏菲

我有一个 div 标签,它是( div 标签)可调整大小的,里面有一个 h1 标签(或者它可以是任何标签)。

问题 :

我有两个问题:

  1. 纵横比不能正常工作,因为我想要的意思是“当我增加/减少 div 的大小时,它的高度会变大”,所以我如何正确设置它和

  2. 我想修复调整大小时的最小宽度意味着“如果将大小减小到 27px,它就会停止减小。”

代码

$('.draggable_element').each(function() {
        $(this).resizable({
        autoHide: true,
      handles: 's,e,w',
      aspectRatio: 1/9
    });
})

这是我的 jsFiddle

更新 :

我想我没有正确解释我的第一个问题要知道第一个问题是什么请访问我的小提琴链接尝试从左侧或右侧调整(增加/减少)div div的高度将自动增加该问题

用户7791702

正如我看到你的小提琴。为什么你不只是删除aspectRatio. 正如您所期望的那样,它会更好地为您服务。

请更新您的调整大小()。

$(this).resizable({
  autoHide: true,
  handles: 's,e,w',
  minWidth: 27
});

我想你可能看起来像这样

认为它会有所帮助

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在使用可调整大小的 Jquery 增加 div 的大小时如何滚动?

来自分类Dev

我如何调整Div幻灯片Jquery的大小

来自分类Dev

jQuery UI可拖动以调整div大小

来自分类Dev

当窗口调整大小时删除附加的 jQuery Div - jQuery

来自分类Dev

当我缩小时调整div的大小

来自分类Dev

jQuery切换的div在调整大小时不显示

来自分类Dev

如何在窗口调整大小时使用Jquery从DOM中添加/删除Div

来自分类Dev

调整浏览器/窗口大小时,Div的JQuery / Javascript自动调整大小

来自分类Dev

jQuery UI Draggable不会调整其他DIV的大小

来自分类Dev

jQuery UI可调整大小的扩展div

来自分类Dev

jQuery动态调整div大小

来自分类Dev

如何使用jQuery和jQuery UI保持div相对于可调整大小的div的宽度?

来自分类Dev

jQuery div.show()正在调整我的字段的大小

来自分类Dev

在没有jquery UI的div中单击时如何使图像可调整大小

来自分类Dev

使用Jquery UI调整div大小后没有自动宽度通过helper调整大小

来自分类Dev

如何在表头中使用可调整大小的 jquery 以及如何在调整表头大小时扩展父 div?

来自分类Dev

调整大小时如何创建固定的div?

来自分类Dev

如何水平创建两个Div调整大小的Jquery

来自分类Dev

jQuery如何在上下滚动时调整div的大小

来自分类Dev

jQuery Resizable:如何使Multiple div独立调整大小

来自分类Dev

如何将jquery脚本限制为容器div的大小

来自分类Dev

如何防止 jquery 可调整大小的 div 接收调整大小的单击事件

来自分类Dev

jQuery不调整窗口大小调整div的大小

来自分类Dev

jQuery窗口调整大小div高度

来自分类Dev

jQuery-调整图像大小以适合div

来自分类Dev

jQuery Animate Div向后调整大小

来自分类Dev

JQuery - 单击时调整 div 的大小

来自分类Dev

jQuery:在窗口调整大小时使两个div高度相同

来自分类Dev

div在调整大小时闪烁

Related 相关文章

  1. 1

    在使用可调整大小的 Jquery 增加 div 的大小时如何滚动?

  2. 2

    我如何调整Div幻灯片Jquery的大小

  3. 3

    jQuery UI可拖动以调整div大小

  4. 4

    当窗口调整大小时删除附加的 jQuery Div - jQuery

  5. 5

    当我缩小时调整div的大小

  6. 6

    jQuery切换的div在调整大小时不显示

  7. 7

    如何在窗口调整大小时使用Jquery从DOM中添加/删除Div

  8. 8

    调整浏览器/窗口大小时,Div的JQuery / Javascript自动调整大小

  9. 9

    jQuery UI Draggable不会调整其他DIV的大小

  10. 10

    jQuery UI可调整大小的扩展div

  11. 11

    jQuery动态调整div大小

  12. 12

    如何使用jQuery和jQuery UI保持div相对于可调整大小的div的宽度?

  13. 13

    jQuery div.show()正在调整我的字段的大小

  14. 14

    在没有jquery UI的div中单击时如何使图像可调整大小

  15. 15

    使用Jquery UI调整div大小后没有自动宽度通过helper调整大小

  16. 16

    如何在表头中使用可调整大小的 jquery 以及如何在调整表头大小时扩展父 div?

  17. 17

    调整大小时如何创建固定的div?

  18. 18

    如何水平创建两个Div调整大小的Jquery

  19. 19

    jQuery如何在上下滚动时调整div的大小

  20. 20

    jQuery Resizable:如何使Multiple div独立调整大小

  21. 21

    如何将jquery脚本限制为容器div的大小

  22. 22

    如何防止 jquery 可调整大小的 div 接收调整大小的单击事件

  23. 23

    jQuery不调整窗口大小调整div的大小

  24. 24

    jQuery窗口调整大小div高度

  25. 25

    jQuery-调整图像大小以适合div

  26. 26

    jQuery Animate Div向后调整大小

  27. 27

    JQuery - 单击时调整 div 的大小

  28. 28

    jQuery:在窗口调整大小时使两个div高度相同

  29. 29

    div在调整大小时闪烁

热门标签

归档