IBM Worklight 6.0.0.1 - JavaScript未在jQuery Mobile多頁應用中執行

我正在使用IBM Worklight Studio version_6.0.0.20130926-2018。IBM Worklight 6.0.0.1 - JavaScript未在jQuery Mobile多頁應用中執行

在我的應用程序中，我使用的是jQuery Mobile框架。
我的問題是，當我嘗試使用$.mobile.changePage加載data-role="page"時，頁面不會自行刷新。當我刷新此頁面時，JavaScript代碼不起作用。

相反，我得到以下錯誤：

ReferenceError: WLJQ is not defined profile.html:11 
TypeError: $ is undefined jquery.mobile-1.3.2.js:28 
ReferenceError: $ is not defined profile.js:3 
ReferenceError: WL is not defined

的$.mobile.changePage代碼：

//redirect to profile 
    function redirectToProfile(profileId){ 
     if(profileId == null || profileId == ""){ 
      $("#failMessage").fadeIn(); 
     } 
     else{ 
      var dataurl = '?profileID='+profileId; 
      $("#failMessage").fadeOut(200, function(){$("#loginSuccess").fadeIn(function(){$.mobile.changePage('pages/profile.html'+dataurl, {reloadPage : true,transition: "slide"});});}); 

     } 
    } 
});

如何工作燈解決這個問題？

來源

2014-01-05 Himanshu gupta

當您強制加載整個HTML標記時，刪除'reloadPage'。如果加載的頁面沒有在頭標記中加載基本庫，則它將無法工作。 – Omar

如果我理解正確，您創建了另一個導航到的HTML頁面。使用Worklight時，這不是正確的導航方式。 Worklight是一個單頁應用程序！因此，您需要使用切換內容的div元素，而不是在頁面之間進行導航。有關這方面的更多信息可以在這裏找到： http://public.dhe.ibm.com/software/mobile-solutions/worklight/docs/v610/03_02_Building_a_multi_page_application.pdf

來源

2014-01-05 13:25:16

感謝您的回覆。但事情是，如果我製作一個單獨的html文件，其中包含所有div，它可能會運行緩慢。此外，內容可能沒有組織。我試圖做的是：我有第一個html註冊頁面 - 包含兩個數據角色頁面，這兩個頁面與用戶的登錄和註冊以及其他html配置文件頁面以及與他的配置文件要求相關的其他數據角色頁面相關。我認爲這種方法比較容易管理。否則所有註冊和配置文件div在一個單一的html文件可能是混亂。 –

請看看Worklight提供的多頁面示例應用程序項目：http://www.ibm.com/developerworks/mobile/worklight/getting-started.html#client-basics –

好的！我試圖理解IBM站點中提供的示例代碼。 –

IBM Worklight 6.0.0.1 - JavaScript未在jQuery Mobile多頁應用中執行

回答

相關問題