我正在开发一个功能,我想在高度为1000px的div中显示元素.有来自DB的多个记录,但每个元素的高度不固定.当显示的记录高度超过1000px时,它们应包含在一个DIV中.下一个记录应该包含在另一个DIV中,直到这些元素的高度总计为1000px.由于单独的DIV,记录之间不应该被打破.
例如:
<div class="record">..</div>
<div class="record">.....</div>
<div class="record">...</div>
<div class="record">....</div>
<div class="record">..</div>
Run Code Online (Sandbox Code Playgroud)
如果前3个记录的总高度总计为940px,并且前4个记录的总高度为1100px,则jQuery应将代码转换为:
<div class="page>
<div class="record">..</div>
<div class="record">.....</div>
<div class="record">...</div>
</div>
<div class="page>
<div class="record">....</div>
<div class="record">..</div>
</div>
Run Code Online (Sandbox Code Playgroud)
我花了很多时间在它上面,但无法使它工作.:(