負荷TXT一些內容，並添加到HTML標記

-1

<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。在這樣的

<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>

.txt文件標記我想「拖」，並與.item類第一個div粘貼到aside.left，在aside.right與.item類第二格，第三分度類.item在aside.left等等...

有沒有解決方法？我不知道如何在兩列粘貼.item的div ..

感謝所有幫助

這裏是JsFiddle DEMO

UPD：我只用CSS + HTML + jQuery的一些，我不知道任何事情在PHP或服務器技術..但程序員與我的標記工作說，我需要演示如何將內容添加到點擊..所以我不知道這是我的工作，或者這是程序員需要做..我需要你對此的回答.. 如果有幫助，這裏是LINK你可以看到網站。在底部，你可以看到箭頭，onclick在那裏需要添加內容的列..

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

來源

2014-09-24 CroaToa

你還沒有真正嘗試過嗎 – 2014-09-24 11:39:46

所以，請添加你使用哪種語言編寫的.c＃或php？以及你的技術是什麼？mvc或其他什麼？ – 2014-09-24 12:07:05

我更新了主要問題，請參閱。 – CroaToa 2014-09-24 12:19:07

由於您已經知道AJAX（您添加了標籤），因此我認爲您的答案已經存在。

您可以使用AJAX從服務器獲取任何數據塊並將其添加到頁面。

由於您與服務器端程序員一起工作，我認爲你們每個人都可以獨立構建自己的零件。

所有你需要的是一個API，你可以使用，您可以向其中指定偏移項目加載，所以你可以調用/getitems?offset=12&count=4從項目獲得下4項12

然後，您可以只創建一個返回虛擬數據的簡單頁面。 getitems.php每次只能返回相同的常量項目，並且您只需在列表底部添加這些項目。

與此同時，PHP程序員實際上可以實現該頁面，以便返回相同的數據。他可以以非AJAX請求的方式製作，所以他可以輕鬆地測試它，而不需要您的前端代碼。

來源

2014-09-24 12:35:57 GolezTrol

負荷TXT一些內容，並添加到HTML標記

回答

相關問題