Ibm mobilefirst 如何在没有单个DOM的情况下导航到另一个HTML文件?

Ibm mobilefirst 如何在没有单个DOM的情况下导航到另一个HTML文件?,ibm-mobilefirst,Ibm Mobilefirst,我创建了一个带有登录页面和主页的示例应用程序 我已经成功地将登录页面加载为主页,并且我有homePage.html/homePage.js文件。我需要做的是,当我在loginPage.html文件中单击Login按钮时,用户应该导航到主页。我看不到任何用于导航/加载不同html文件的API 我提到了一些worklight示例,它说使用div和pageport命令加载相同的HTML $("#pagePort").load("pages/homePage.html", function(){

我创建了一个带有登录页面和主页的示例应用程序

我已经成功地将登录页面加载为主页,并且我有homePage.html/homePage.js文件。我需要做的是,当我在loginPage.html文件中单击Login按钮时,用户应该导航到主页。我看不到任何用于导航/加载不同html文件的API

我提到了一些worklight示例,它说使用div和pageport命令加载相同的HTML

$("#pagePort").load("pages/homePage.html", function(){
        alert("Home Page Loaded")
    });

有谁能帮我解决一下,我们如何在点击登录按钮时加载另一个html

Worklight是单个DOM应用程序,因此“页面”的概念是人为的

您有一个单一的HTML文件,您需要做的是替换其中的内容以显示不同的内容或“页面”

有很多方法可以实现这一点。它们都与Worklight没有直接关系,但与您选择使用的框架有关,可以是jQuery、jQuery Mobile、Dojo、Ionic等等

要记住的重要一点是永远不要离开index.html文件,因为这样会“丢失”Worklight上下文,应用程序加载失败。原因是您可以从index.html文件加载各种必需的Worklight相关文件


在本文中,我将使用jquerymobile演示如何在页面之间导航。出于您的目的,可以将它们看作是一个主页,它是一个登录页,然后是另一个主页

相关的:


@raveshlawrance,如果答案对您有帮助,请标记为已回答。