代码之家  ›  专栏  ›  技术社区  ›  baptiste

如何创建jquery函数来设置每个div的最大高度?

  •  1
  • baptiste  · 技术社区  · 17 年前

    我想做一个jquery函数,在调整窗口大小时,它会用css类名“taskbox”搜索div,并将最大高度设置为父div height,即taskbox的当前偏移量,以便能够小于可用空间,但不扩展它。

    2 回复  |  直到 17 年前
        1
  •  3
  •   Adam    17 年前

    我不确定您到底想做什么,但要获取包含taskbox类元素的所有元素,请执行以下操作:

    $(":has(.taskbox)").height(300);
    

    这将调整所有这些元素的高度。要根据Windows resize上父元素的高度调整所有TaskBox的高度,可以执行以下操作:

    $(window).resize(function() {
      var parent = $(".taskbox");
      $(".taskbox").each(function() {
        $(this).height($(this).parent().height() - 50);
      });
    });
    

    请记住,父元素需要指定高度才能正常工作。您可以通过以下方式获得窗户的高度:

    $(window).height();
    
        2
  •  2
  •   rfunduk    17 年前

    你可以试着找一个 existing solution (jQuery有一个巨大的插件社区):

    至少这会让你开始。