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

zer0

我知道这已经问了几次了,我从这里提出的一个问题中得到了解决方案。它在页面加载时工作得很好,但是我无法工作的是调整窗口大小。div保持相同的高度,导致内部内容溢出。

$(document).ready(function(){

  function setboxHeight(){
    var box1height = $('.box1').height();
    var box2height = $('.box2').height();    
    box1height>box2height ? ($('.box2').height(box1height)):($('.box1').height(box2height));    
  }

    setboxHeight();

  $(window).resize(function(){
    setboxHeight();
  });

});

这是小提琴:http : //jsfiddle.net/fbthuemc/

mann内

请问这是您想要的吗?

function setboxHeight(){
        $('.box1, .box2').css('height', '');
        ...
  }

现在看来,它可以在调整窗口大小时重置box1的高度。http://jsfiddle.net/fbthuemc/3/

顺便说一句,我通常console.log()用来观察元素的高度数字等。

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在窗口调整大小时调整两个图片框的大小

来自分类Dev

在窗口调整大小时按比例调整div的宽度和高度

来自分类Dev

更新在窗口调整大小时用js计算的div高度

来自分类Dev

vuejs在窗口调整大小时获取参考元素的高度

来自分类Dev

调整窗口大小时并排对齐两个div,而不会变形

来自分类Dev

水平对齐div,在窗口调整大小时停止浮动

来自分类Dev

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

来自分类Dev

调整窗口大小时,在其他两个div之间挤压一个div

来自分类Dev

在窗口调整大小时重新运行jQuery插件实例

来自分类Dev

jQuery .remove()不删除(在窗口调整大小时)

来自分类Dev

jQuery Toggle在窗口调整大小时不显示

来自分类Dev

在窗口调整大小时触发jQuery插件吗?

来自分类Dev

在窗口调整大小时隐藏元素

来自分类Dev

页眉在窗口调整大小时移动

来自分类Dev

jQuery窗口调整大小div高度

来自分类Dev

CSS在窗口调整大小时调整div和div内的图像

来自分类Dev

使用jQuery在窗口/视图外对div进行动画处理,调整大小时会忽略css规则

来自分类Dev

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

来自分类Dev

两个div底部div到高度可通过浏览器窗口调整

来自分类Dev

并排div堆栈在窗口调整大小

来自分类Dev

并排放置两个div,一个可调整大小,另一个具有相同的高度

来自分类Dev

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

来自分类Dev

如何在窗口调整大小时为等高的孩子重新加载 div

来自分类Dev

调整窗口大小时,高度不会更新

来自分类Dev

Javascript:使两个div高度相同

来自分类Dev

在窗口调整大小上运行Jquery

来自分类Dev

如何在窗口调整大小时更改jQuery动画值

来自分类Dev

如何在窗口调整大小时重置jQuery scrollspy的最小值/最大值

来自分类Dev

如何在窗口调整大小时更改jQuery动画值

Related 相关文章

  1. 1

    在窗口调整大小时调整两个图片框的大小

  2. 2

    在窗口调整大小时按比例调整div的宽度和高度

  3. 3

    更新在窗口调整大小时用js计算的div高度

  4. 4

    vuejs在窗口调整大小时获取参考元素的高度

  5. 5

    调整窗口大小时并排对齐两个div,而不会变形

  6. 6

    水平对齐div,在窗口调整大小时停止浮动

  7. 7

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

  8. 8

    调整窗口大小时,在其他两个div之间挤压一个div

  9. 9

    在窗口调整大小时重新运行jQuery插件实例

  10. 10

    jQuery .remove()不删除(在窗口调整大小时)

  11. 11

    jQuery Toggle在窗口调整大小时不显示

  12. 12

    在窗口调整大小时触发jQuery插件吗?

  13. 13

    在窗口调整大小时隐藏元素

  14. 14

    页眉在窗口调整大小时移动

  15. 15

    jQuery窗口调整大小div高度

  16. 16

    CSS在窗口调整大小时调整div和div内的图像

  17. 17

    使用jQuery在窗口/视图外对div进行动画处理,调整大小时会忽略css规则

  18. 18

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

  19. 19

    两个div底部div到高度可通过浏览器窗口调整

  20. 20

    并排div堆栈在窗口调整大小

  21. 21

    并排放置两个div,一个可调整大小,另一个具有相同的高度

  22. 22

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

  23. 23

    如何在窗口调整大小时为等高的孩子重新加载 div

  24. 24

    调整窗口大小时,高度不会更新

  25. 25

    Javascript:使两个div高度相同

  26. 26

    在窗口调整大小上运行Jquery

  27. 27

    如何在窗口调整大小时更改jQuery动画值

  28. 28

    如何在窗口调整大小时重置jQuery scrollspy的最小值/最大值

  29. 29

    如何在窗口调整大小时更改jQuery动画值

热门标签

归档