Question

有一些标记

<div class="container">
    <aside class="left">
        <div class="item"><p>lorem ipsum</p></div>
    </aside>
    <aside class="right">
        <div class="item"></div>
    </aside>
</div>
<button>load more</button>

CSS

aside {
    display: inline-block;
    width: 40%;
    border: 1px solid red;
    margin: 2%;
    vertical-align: top;
}

.item {
    border-bottom: 1px solid black;
}

点击button时，我需要从.txt文件加载一些html内容，并在aside内添加该标记。在像这样的.txt文件标记中

<div class="item"><p>lorem ipsum1</p></div>
<div class="item"><p>lorem ipsum2</p></div>
<div class="item"><p>lorem ipsum3</p></div>
<div class="item"><p>lorem ipsum4</p></div>

我想＆＃34;拖＆＃34;并将.item的第一个div粘贴到aside.left，将.item中的第aside.right的第二个div与.item中的第aside.left个第{div}粘贴等......

有什么解决方案吗？我不知道如何在两列中粘贴.item div ..

感谢您的帮助

这是JsFiddle DEMO

更新：我只使用css + html +一些jquery，我不知道php或服务器技术上的任何东西..但是使用我的标记的程序员说我需要演示如何添加内容点击..所以我不知道这是我的工作，还是这是程序员需要做的......我需要你的答案... 如果这有帮助，这里是LINK您可以看到网站。在底部，你可以看到箭头，点击，需要在列中添加内容..

P.S。程序员使用Yii框架。

Answer 1

由于您似乎已经了解AJAX（您添加了标记），我认为您的答案就在那里。

您可以使用AJAX从服务器获取任何数据块并将其添加到页面中。

由于您与服务器端程序员一起工作，我认为你们每个人都可以独立构建自己的部分。

您只需要一个可以使用的API，您可以指定要加载的项目的偏移量，这样您就可以调用/getitems?offset=12&count=4来获取项目12中的下4个项目。

然后，您可以创建一个返回虚拟数据的简单页面。 getitems.php每次都可以返回相同的常量项，您需要做的就是在列表底部添加这些项。

同时，PHP程序员实际上可以实现该页面，因此它返回相同的数据。他可以这样做，它也适用于非AJAX请求，因此他可以轻松地测试它，而无需你的前端代码。

从txt加载一些内容并添加到html标记

1 个答案: