Phonegap:window.location忘记了我的CSS和我的风格

时间:2013-04-11 15:22:12

标签: javascript jquery iphone cordova

感谢这个网站;)

我正在使用phonegap和jquery mobile开发iPhone应用程序。

在我的第一页上,我重定向到login.html页面。 我只把它放在我的index_bis.js文件中:window.location.href ='login.html';

重定向有效,但我的页面上没有样式。当我不重定向时风格有效! :(

一个想法?非常感谢!

这是我的index.html的一部分:

<head>
    <title>...</title>
    <meta name="viewport" content="width=device-width,initial-scale=1"/>
    <link rel="stylesheet" href="css/jquery.mobile-1.3.0.css" />
    </head>   

<body>

    <script src="js/jquery.js"></script>
    <script src="js/jquery.mobile-1.3.0.js"></script>
    <script src="js/login.js"></script>
    <script src="js/index_bis.js"></script>

</body>

2 个答案:

答案 0 :(得分:2)

执行window.location时,当前页面将被调用页面替换,因此所有样式引用都将丢失。

您应该使用JQM查看单页面应用程序架构。加载第一个html页面,并使用添加到DOM的ajax异步加载所有其他页面。请仔细阅读this documentation,您将会有所了解。

多页链接是您链接页面的方式。

如果您想以编程方式导航,则需要使用$.mobile.changePage()方法

答案 1 :(得分:1)

也许是个愚蠢的问题,但是你在login.html中有相同的风格和库吗? 他们有正确的路径吗?

试着指出可能存在的问题:)