我的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个,如果当前列已满,则仅填充下一列。这可能吗?我对编程还很陌生,已经尝试了几个小时,但无法使其正常工作。
谢谢!