除非刷新页面，否则 Jquery Mobile Web 应用程序无法正常工作答案

【问题标题】：Jquery Mobile web app not working unless page is refreshed除非刷新页面，否则 Jquery Mobile Web 应用程序无法正常工作
【发布时间】：2015-06-08 02:19:30
【问题描述】：

我目前有一个使用 phploginscript 的 jquery mobile 的 Web 应用程序。我有我的 index.html，它重定向到 login.php 页面（如下）

<?php
if (version_compare(PHP_VERSION, '5.3.7', '<')) {
    exit('Sorry, this script does not run on a PHP version smaller than 5.3.7 !');
} else if (version_compare(PHP_VERSION, '5.5.0', '<')) {
    require_once('libraries/password_compatibility_library.php');
}
require_once('config/config.php');
require_once('translations/en.php');
require_once('libraries/PHPMailer.php');
require_once('classes/Login.php');
$login = new Login();
if ($login->isUserLoggedIn() == true) {
    include("views/logged_in.php");
} else {
    include("views/not_logged_in.php");
}

所以当用户登录时，它包括“logged_in.php”，但问题是在我刷新页面之前没有任何 javascript 正在运行，只要我刷新页面一切都很好。

我在页面的第一行js是：

$('#page').on('pageinit', function(){

感谢您的帮助，我无法弄清楚这一点..

【问题讨论】：

第一行是 $(document).on("pageshow", function() { 不是我放的

标签： javascript php jquery html jquery-mobile

【解决方案1】：

我找到了一个快速但肮脏的解决方法，方法是将脚本标签放在页面主体之后，如下所示：

<body>
    <div data-role="page">
        <script>
            // Your javascript will go here
        </script>
        // And rest of your HTML content
    <div>
</body>

因为这是一个原型设计，所以现在就可以了。

【讨论】：

【解决方案2】：

在页面之间切换时使用 rel="external"，因为它会触发整个页面刷新。

【讨论】：