2012-07-02 42 views
0

我使用單頁概念jQuery的手機。 然後創建一個動態列表視圖,像這樣:jQuery手機:如何從列表視圖加載詳細頁面

var resultitems = '<ul data-role="listview">'; 
for (i = 0; i < 10; i++) { 
if (msg.hotspots[i] != null) { 
resultitems += '<li><a href="acura.html"><img src="' + msg.hotspots[i].imageURL + '" />' + msg.hotspots[i].title + '</a></li>'; 
} 
} 
resultitems += '</ul>'; 
$('#results').html(resultitems); 
$('#results').trigger("create");  

正如你可以看到我有一個超鏈接現在acura.html。但我想要的是激活子頁面#detailpage並加載在列表視圖中點擊項目的ID的細節。 將項目ID添加到鏈接沒有問題,我只是不知道鏈接應該如何以及如何從頁面#detailpage讀取ID。

謝謝!

回答

0

我現在所做的通過href是不加載detailpage屬性,而是通過超鏈接的onclick方法改變javascript的location.hash值。這似乎確保目標詳細信息頁面始終可以讀取實際的查詢字符串參數。

0

你的要求基本上是如何將數據數據從一個頁面傳遞到另一個在jQuery手機,在你的情況下,你想要做的事情基本上是追加該項目的ID,然後在acura.html的pageshow事件做一些事情基於此。

已經有幾個問題在這裏所以用這個(傳送數據),涉及 例如,您可能想看看這一個 How to pass button text to another page?

+0

我檢查了您提供的鏈接。 但函數getParameterByName does not似乎工作。我試過這兩個選項: 1. $(document).delegate('#resultpage','pageshow ',函數(event,ui){alert(getParameterByName('t')); }); 2. $('#resultpage')。live('pageinit',function(event){ alert(getParameterByName('t')); }); – Flo

+0

它是否完全符合該功能?如果我能拋出一個例子或一個jsfiddle,我會盡力去看。 – Jack

+0

Jup,它正在實現這個功能。我放了一個警報: alert(window.location)= http://www.test.com/mobile.html#resultpage?t=1 alert(window.location.search)='' Don'不知道後者應該是空的。 – Flo

相關問題