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

我使用的是IBM Worklight Studio版本_6.0.0.20130926-2018

在我的应用程序中，我使用的是jQuery移动框架。

---

我的问题是，当我尝试使用

$.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中解决此问题？

如果我理解正确，您创建了另一个导航到的HTML页面。使用Worklight时，这不是进行导航的正确方法。Worklight是一个单页应用程序！，因此，您需要使用div元素来切换内容，而不是在页面之间导航。 有关这方面的更多信息，请参见：

---

谢谢您的回复。但问题是，如果我制作一个包含所有div的html文件，它可能会运行得很慢。此外，内容可能没有组织。我试着做的是：我有一个第一个html注册页面——由两个与用户登录和注册相关的数据角色页面和其他html配置文件页面以及与他的配置文件要求相关的其他数据角色页面组成。我认为这种方法比较容易管理。否则，单个html文件中的所有注册和配置文件div可能会混乱。请查看Worklight提供的多页示例应用程序项目：Ok！我试图理解IBM站点中提供的示例代码。您也可以看看这个pastebin，它使用Worklight中的jQuery Mobile提供了一个非常基本的应用程序，带有页眉+内容+页脚和按钮，其中的内容被其他HTML文件中的内容替换：---此代码使用与Shmulik和我链接到的培训模块和示例中相同的页面加载方法。

$.mobile.changePage（）

通过Ajax加载页面，并将其放置在body或pageContainer中。我不知道worklight对此有何反应，但它与此有关，而与JQM无关。请在强制加载整个HTML标记时删除

reloadPage

。如果加载的页面没有在head标记中加载基本库，它将无法工作。