将jQuery中的页面加载到WorkLight中的新页面

时间:2014-02-03 11:27:36

标签: javascript jquery ibm-mobilefirst

我想在当前页面加载时重定向到新页面。我在WorkLight中使用jQuery mobile。

的index.html:

<body>
   <div data-role="importpages" id="pageport">
   </div>
</body>

的login.html:

<body>  
    <a>simple</a>
    <div data-role="page" id="loginpage" style="background-color: #C7BABA;" >           
    </div>
</body>

jQuery的:

$(document).ready(function() {
    $('#pageport').load('Login.html',function() {
        alert('load');
    });
});

2 个答案:

答案 0 :(得分:1)

对于jQuery mobile,请查看Pagecontainer小部件,其中介绍了较新版本的页面加载。

http://api.jquerymobile.com/pagecontainer/#method-load

但是,请记住,由于加载在原始页面上的脚本,IBM Worklight应用程序应该是单页面应用程序。但是,有一些方法可以加载碎片并使用多页设置。

ftp://public.dhe.ibm.com/software/mobile-solutions/worklight/docs/v505/Module_07_5_-_Building_a_Multi_Page_Application.pdf

我会因为丢失正确的Worklight脚本可能导致的问题而完全重定向页面。

虽然您可能会询问并且意味着更多的单页DOM注入,但我只是为将来可能会阅读此内容的任何人提供信息。你提到了重定向,我想要清楚。 =)

答案 1 :(得分:0)

你应该在jqm中使用函数changePage。

  $.mobile.changePage("index.html",{});