Phonegap：window.location 忘记了我的 CSS 和我的风格答案

【问题标题】：Phonegap : window.location forgets my css and my stylePhonegap：window.location 忘记了我的 CSS 和我的风格
【发布时间】：2013-04-11 15:22:11
【问题描述】：

感谢这个网站；）

我正在使用 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>

【问题讨论】：

标签： javascript jquery iphone cordova

【解决方案1】：

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

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

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

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

【讨论】：

我看看。非常感谢！

【解决方案2】：

也许是愚蠢的问题，但是您在 login.html 中是否包含相同的样式和库？他们有正确的路径吗？

试着指出可能的问题:)

【讨论】：

不，我没有！但是当我使用一个按钮来链接 index.html 和 login.html 时，该样式可以工作..