如何在Worklight中使用Jquery Mobile在頁面之間切換

Question

在Worklight中從頭開始項目。即時通訊使用Jquery Mobile，我需要知道我是如何設想在頁面之間進行轉換的。當我拖放一個新的列表視圖，使用超鏈接生成以下代碼：

<ul data-role="listview" id="listview" data-inset="true"> 
     <li data-role="list-divider" id="divider">Divider</li> 
     <li id="listitem"><a href="#">Item</a></li> 
     <li id="listitem0"><a href="#">Item</a></li> 
     <li id="listitem1"><a href="#">Item</a></li> 
    </ul> 

但是，如果我考慮到「建設多頁應用」指南，我不應該使用超鏈接...應該怎樣我這樣做？

Answer 1

正如你所說的那樣，Worklight是一個單頁面應用程序。因此，您無法加載另一個HTML文件，並希望應用程序繼續運行。通過這樣做，你失去了工作燈框架的「背景」 - 對包括JS文件的引用等

爲了實現多頁導航的話，你可以使用的jQuery Mobile的changePage或jQuery的load功能（或在其他框架中的等價物......），取決於你希望應用程序的行爲。

jQuery.mobile.changePage（）
http://api.jquerymobile.com/jQuery.mobile.changePage/

.load（）
http://api.jquery.com/load/

這裏有幾個工作燈6.1項目展示頁面導航：

• JQM_multipage_load_changePage.zip - 使用兩種.load或.changePage
• JQM_multipage_changePage_pageshow.zip - 使用.changePage和.pageShow

在這兩種方法你有1個HTML文件（工作燈的的index.html）及其他多個HTML文件;您將這些HTML文件的內容替換爲index.html的特定子集。通過這種方式，Worklight的index.html保持不變（引用框架的JS等），但應用程序內容已更改。

---

綜合以上您的特定情況下，可以添加一個onclick您href和使用jQuery Mobile的「過渡」，並顯示「另一個」頁面的內容。