在jquery mobile中實現動態細節視圖

Question

所以我有一個listview與多個項目，所以當每個項目被點擊它將轉到一個詳細頁面，但我如何填充動態內容的詳細信息視圖？具體來說，我如何捕獲按鍵，這是點擊項目的內部html，當我查詢一些動態內容時，我如何將它們放在詳細視圖中？我嘗試的方法包括1）使用每個項目的點擊事件，但事件不會觸發，這是正常的？ 2）我使用pagebeforeshow在詳細視圖頁面上嘗試了現場活動，但它也不會觸發。請幫忙。

Answer 1

有很多方法可以做到這一點。這裏有一個想法，可以幫助你：

在你listview，指定數據ID爲列表中的每個項目的超鏈接。這些定義可能看起來像：

<li><a data-id="some-identifier">My Title</a></li> 

對於所有的項目在列表中的項目<li>，你再有一個單一的點擊處理程序，它會使用data-id初始化詳細信息頁面。單擊處理會是這個樣子（我的道歉，如果這是出於數據的，我最近沒有使用jQuery Mobile的，所以有可能是更新的，更好的方法）：

$('#my-listview-id').delegate('a', 'vclick', function() { 
    alert ('user selected something: ' + $(this).attr('data-id')); 
}); 

警報會告訴你用戶選擇的ID。因此，在點擊處理程序中，您可以更新詳細信息頁面。