2011-09-17 108 views
5

我正在構建一個使用Jquery Mobile工作的html5應用程序,該應用程序將在稍後以類似於應用程序的應用程序的方式構建。Jquery Mobile,從列表中訪問詳細信息頁面(動態數據)

應用程序首先從包含的json文件中加載項目列表,然後從外部URL(它檢查是否應將新項目添加到列表中)並將其插入到現代的內置sql-db中HTML5的瀏覽器。

到目前爲止,我有它的工作。我也有它將數據輸出並列入清單。然而 - 下一步我有點難住。當用戶點擊列表中的項目時,它應該打開一個包含該項目的信息的頁面,該信息取自數據庫。

我通常在PHP中工作,這當然很容易做到。只需添加一個變量到帶有id的url,然後在php代碼中獲取querystring和usi。

有沒有人有一個好主意如何在JQuery Mobile中做到最好?我有一個想法,它只是使用區域設置存儲並執行一個單擊事件,將ID存儲到本地存儲中,然後在詳細信息頁面上使用它。這感覺就像應該有雖然是更好的辦法...

回答

3

作爲概要我不得不在DOM圍坐在一張頁面調用細節

<div data-role="page" id="details"> 
</div> 

生成包含一個HTML5數據屬性的列表項在錨鏈接

<li><a href="#details" data-uid="1" class="detailslink">Your list item</a></li> 

綁定點擊事件員額,抓住細節內容的頁面,撲通一聲就進入詳細信息頁面,並顯示詳細信息頁面

唯一ID
相關問題