2

我正在使用 skel.js 构建一个响应式 Web 应用程序，除其他外，它必须在每行 3 个一组的小盒子中显示来自 mysql 数据库的一堆数据。我面临的问题是如何排列 mysql 数据库中的数据，以便每 3 条记录自动创建一个包含 3 个框的行，依此类推。

现在我正在使用 jQuery 来执行此操作：

$(window).load(function() {
      var divs = $("div#boxes");
      for(var i = 0; i < divs.length; i+=3) {
      divs.slice(i, i+3).wrapAll("<div class='row'></div>");
  }
});

然而，这样，当页面加载时，所有的框都粘在一起了。半秒后，无论是给予还是接受，最终的布局都按预期工作。我想从等式中删除那个丑陋的胶合箱效应。

我曾考虑过以 3 组为一组“延迟加载”记录并“即时”构建 html 标记，但这将对性能产生相当大的影响，imo。你怎么看？

你能帮助我吗？

PS。每行的标记是：

<div class="row">
    <div class="12u">
        <section>
            <div class="4u" id="boxes">
                <section class="box">
                    <!-- mySQL data -->
                </section>
                <section class="box">
                    <!-- mySQL data -->
                </section>
                <section class="box">
                    <!-- mySQL data -->
                </section>
            </div>
        </section>
    </div>
</div>
4

0 回答 0