Question

我想在页面加载后立即使用jQuery mobile进行重定向。像这样的东西

<?php
... some php stuff here
?>
<html> 
    <head> 
        <link rel="stylesheet" href="css/jquery.mobile-1.1.1.min.css" />
        <script src="js/jquery-1.7.2.min.js"></script>
        <script src="js/jquery.mobile-1.1.1.min.js"></script>
    </head> 
<script>
        $.mobile.changePage("index.php");
</script>

但没有任何反应......

谢谢！

Answer 1

没有任何事情发生，因为jQueryMobile尚未完成它的魔力。

尝试：

$(document).bind('pageinit', function() {
      $.mobile.changePage("index.php");
});

您还可以尝试http://jquerymobile.com/demos/1.1.1/docs/api/events.html

中列出的一些活动

以下评论编辑： 以下按预期方式工作：

<html>
    <head>
        <title>My Page</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css" />
        <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
        <script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script>
        <script>
        $(document).bind('pageinit', function() {
            $.mobile.changePage("#pageTwo");
        });
        </script>
    </head>
    <body>
        <div id="firstPageId" data-role="page">
        Page One
        </div>
        <div id="pageTwo" data-role="page">
        Page Two
        </div>
    </body>
</html>

Answer 2

你可以使用普通的'JavaScript，你不需要jQuery：

window.location = "index.php";

要在页面加载后执行此操作，请添加$(document).ready()处理程序：

$(document).ready(function () {
   window.location = "index.php";
});

Answer 3

请在</body>代码

之前尝试此操作结束页面

<script>
  $(window).load("index.php", function() {
     // stuff or not
  });
</script>

我希望能帮到你。：）

Answer 4

尝试使用.live在脚本中添加您的page-id，如下所示：

 $('#mainpage').live('pageinit', function (event) {
    alert("hi");
    //$.mobile.changePage("index.php");

});

以下是完整示例：http://jsfiddle.net/KyKFE/

另一方面，您也可以使用普通的javascript函数或php（如果.php页面）来进行重定向。他们有很多不同的方法可以做到这一点。

页面加载后jQuery mobile重定向

4 个答案: