Question

我正在使用IBM Worklight Studio version_6.0.0.20130926-2018。

在我的应用程序中，我使用的是jQuery Mobile框架我的问题是，当我尝试使用data-role="page"加载$.mobile.changePage时，页面本身不会刷新。刷新此页面时，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"});});});

        }
    }
});

如何在Worklight中解决这个问题？

Answer 1

如果我理解正确，您创建了另一个导航到的HTML页面。使用Worklight时，这不是正确的导航方式。 Worklight是一个单页应用程序！，因此您需要使用div元素切换内容而不是在页面之间导航。有关这方面的更多信息，请访问： http://public.dhe.ibm.com/software/mobile-solutions/worklight/docs/v610/03_02_Building_a_multi_page_application.pdf

IBM Worklight 6.0.0.1 - JavaScript不在jQuery Mobile多页面应用程序中执行

1 个答案: