jQuery Mobile頁面作用域元素標識

Question

我的jQuery Mobile應用程序中有兩個頁面。這兩個元素都是列表，顯示從服務器返回的地點列表。在一個普通的web應用程序中，我會在它們兩個上執行「id ='places'」，但在多頁jQuery Mobile應用程序中，id應該是唯一的。使用ID來解決此唯一性限制有什麼好的選擇？

我可能包括網頁名稱中的ID，例如：id='searchPage-places'和id='favPage-places'但它增加了不必要的噪音，因爲我總是從一個特定頁面的JavaScript內容訪問的地方元素。

我認爲使用data-role會是正確和恰當的，但我不想幹擾jQM自己的數據角色語義。

data-id感覺就像使用類感覺就像一個黑客太一劈

。

我正在尋找一個優雅的技術，在jQuery Mobile應用程序中進行頁面範圍的元素標識。

其他建議？

Answer 1

爲什麼你不創建自己的屬性數據 - 自定義（或任何其他適當的名稱）？它可以通過jQuery輕鬆訪問。

或者你仍然可以使用相同的id爲他們兩個和訪問它通過的pageID +「的地方」，例如：

$('#page1[data-role="page"] #places') 

第一頁和

$('#page2[data-role="page"] #places') 

爲另一個。