jQuery技术:jQuery:添加元素直到达到特定高度

我左边有一个专栏文章。 此高度是动态的,并根据发布的内容进行更改。 我右边的列通常更短。 我要拉3个大元素然后再拉5个小元素,我想用额外的元素填充右列,直到它接近左边列的高度。

所以我拉出所有大元素(3)并假设它比左边短。 然后我用附加的类拉出另外5个来隐藏它们(对于没有JS的那些)。 现在我想迭代5个元素并继续添加,直到我不能再添加,而不使该列长于左边的那个。 这是我到目前为止所拥有的:

var hLeft = $('#home-col-left').outerHeight(); var hRight = $('#home-col-right').outerHeight(); var hRunning = hChecking = 0; $('#home-col-right').children().each( function () { hChecking = hRunning + 60; if (hChecking < hLeft) $(this).removeClass('hidden'); hRunning = hRunning + $(this).outerHeight(); }) 

问题是我无法检查隐藏元素的高度,所以我使用hChecking var来假设新的元素高约60像素。 这并不理想,因为它们可能少于或多于此。

有什么方法可以让这个工作,同时仍然允许没有JS的人隐藏元素? 谢谢!

    这有效:

    需要了解更多jQuery教程分享jQuery:添加元素直到达到特定高度,都可以关注jQuery技术分享栏目—计算机技术网(www.ctvol.com)!

     var containerDiv = $('#someElement'); while( containerDiv.height() < 500 ){ $('

    Test

    ').appendTo(containerDiv); }

      以上就是jQuery教程分享jQuery:添加元素直到达到特定高度相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。

      本文来自网络收集,不代表计算机技术网立场,如涉及侵权请联系管理员删除。

      ctvol管理联系方式QQ:251552304

      本文章地址:https://www.ctvol.com/jquerytutorial/982529.html

      (0)
      上一篇 2021年12月13日
      下一篇 2021年12月13日

      精彩推荐