我左边有一个专栏文章。 此高度是动态的,并根据发布的内容进行更改。 我右边的列通常更短。 我要拉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