與電話中的數據頁面導航

Question

我正在一個應用程序，我有一個表與約30種不同的產品。當用戶選擇一個產品時，我想從sqlite數據庫中獲取其詳細信息並將其顯示在下一個屏幕上。我打算用下面的代碼顯示在一個div細節：

<li><a href="#two" data-transition="slide" data-direction="reverse"> <img src="Exercises/abs-exercises-air-bike-1.jpg" width="80px" height="80px" /> <h3> Abs</h3><span class="ui-li-count">116</span></a></li> 

我能夠與名稱的兩個顯示第二個div，但我不知道我怎麼識別選中了哪個環節。我需要從sqlite數據庫中獲取它的細節。有人能指導我嗎？

Answer 1

你可以把產品ID在data attribute在列表項或錨：

<li><a href="#two" data-transition="slide" data-direction="reverse" data-prodid="theid"> <img src="Exercises/abs-exercises-air-bike-1.jpg" width="80px" height="80px" /> <h3> Abs</h3><span class="ui-li-count">116</span></a></li> 

然後處理click或點擊或vclick事件的錨點：

$("ul").on("vclick", "a", function(){ 
    var prodid = $(this).data("prodid"); 
    //use id to make query and fill in details on page 2 
}); 

Answer 2

這聽起來像這樣要求#HashTag：

var theProduct = window.location.hash.slice(1);