動態更改列表構造

我正在製作一個網站，我需要一個基於用戶輸入（如搜索或下拉選擇）的動態變化列表。一個例子是Coursera's website中的課程列表。另外，每個課程的圖片，名稱等都是如何顯示的？我搜查了很多，但無法獲得幫助，因爲我不知道它究竟叫什麼名字。我瀏覽了Coursera的頁面源代碼，但是它的整個JavaScript並沒有得到任何有用的HTML或CSS。動態更改列表構造

任何想法讓我開始使用會有很大的幫助:)

來源

2014-02-13 tigerden

你試過了什麼？你有你自己寫的任何代碼嗎？我們需要知道從哪裏開始。 – Onheiron

其實我是新來的網頁設計，並堅持如何編寫HTML代碼來顯示列表。我有MySQL數據庫中的數據，我知道如何訪問它。這只是我感到困惑的HTML部分。順便說一下，List元素不是簡單的文本，而是它們是每個塊包含一個圖像和一些文本的塊。 – tigerden

請發表你寫到現在爲止，也看到任何關於名單的HTML指南。您鏈接的網站使用的是Java腳本。 – Onheiron

開始學習jQuery和javascript

這是jQuery中最簡單的任務..

對於開始學趕幫關於jQuery的html()或JavaScript的innerHtml()其中任何一個都可以幫助你實現這個任務

如果你想我的建議在jQuery中工作簡單得多，所以最好運氣

============================= ====================================

編輯 --->

下面是一個簡單的演示爲您瞭解這一動態數據添加

雖然我已經使用.append()以下任務

在演示中，我很populat使用append()當用戶事件發生（在這裏，我按一下按鈕，但他們可以那麼多的）

這裏荷蘭國際集團更<li>年代到<ul>是讓你瞭解希望它有助於一個Fiddle Demo。

來源

2014-02-13 13:09:14 Saurabh

@tigerden檢查編輯希望它有幫助 – Saurabh

動態更改列表構造

回答

相關問題