每列仅添加4个项目

我的html中有三列,我想在其中添加一些使用Javascript的部分(由于缺少相关性,该代码段在这里无法正常工作):

function createUserSection(ticket) {
  panel = $('div[user="' + ticket.Operator + '"]');

  if (!panel[0]) {
    html = "<section class=\"panel\">" +
      "<header class=\"panel-heading\">" +
      ticket.Operator +
      "</header>" +
      "<div class=\"panel-body user-panel\" max-items=\"100\" user=\"" + ticket.Operator + "\"></div>" +
      "</section>";

    column = $('#users');
    columnTwo = $('#users2');
    columnThree = $('#users3');
    column.prepend(html);
    columnTwo.prepend(html);
    columnThree.prepend(html);
  }

  panel = $('div[user="' + ticket.Operator + '"]');
  return panel;
}
<div class="row">
  <div class="col-md-4">
    <div class="panel-order " id="users" max-items="1000"></div>
  </div>
  <div class="col-md-4">
    <div class="panel-order " id="users2" max-items="1000"></div>
  </div>
  <div class="col-md-4">
    <div class="panel-order " id="users3" max-items="1000"></div>
  </div>
</div>

这有点像我想要的,但是,它用相同的(所有)票证运算符填充所有3列,如下所示:

每列仅添加4个项目

我想要的是以下内容:

每列仅添加4个项目

因此,我希望每列最多包含4个,如果当前列已满,则仅填充下一列。这可能吗?我对编程还很陌生,已经尝试了几个小时,但无法使其正常工作。

谢谢!

fcliuhongpeng 回答:每列仅添加4个项目

暂时没有好的解决方案,如果你有好的解决方案,请发邮件至:iooj@foxmail.com
本文链接:https://www.f2er.com/3109309.html

大家都在问