1

嘿，JS/CSS/HTML 还是新手，基本上是 web 开发。我有一个页面，我正在动态加载大部分内容。如果我通过window.location="mapmode.jsp"Then 进入它，它不会正确加载，但如果我做一个<a href>标签，它会很好地加载。

此外，如果我在精细页面上执行 pagerefresh，它会再次严重加载。可能是 jquerymobile 的东西，但我只是不确定..

我初始化动态内容的方式也可能是相关的，所以这里是：

$(document).on("pageinit", "#mapmode", function(event) {
    initPageHeader();
});

任何帮助，将不胜感激。

编辑：mapmode.jsp：

<%-- 
    Document   : mapMode
    Created on : Jul 12, 2012, 10:36:22 AM
    Author     : ame
--%>

<!DOCTYPE html> 
<html>
    <head> 
        <title>Map</title> 
        <meta name="viewport" content="width=device-width, initial-scale=1"> 
        <link rel="stylesheet" href="js/jquery.mobile-1.1.0.css" />
    </head> 
    <body> 
        <!-- Start of first page -->
        <div data-role="page" id="mapmode" name="mapmode">

            <div data-role="header" id="header" name="header">

                                <p>TEEEST</p>
            </div><!-- /header -->

            <div data-role="content" id="mapmodePageContent" name="mapmodePageContent"> 
                <p>I'm the first page in mapMode!.</p>      

            </div><!-- /content -->
        </div><!-- /page -->



        <script type="text/javascript" src="js/jquery-1.7.2.js"></script>
        <script type="text/javascript" src="js/jquery.mobile-1.1.0.js"></script>
        <script type="text/javascript" src="js/cordova-1.9.0.js"></script>
        <script type="text/javascript" src="js/LocalAction.js"></script>
        <script type="text/javascript" src="js/firstPage.js"></script>
        <script type="text/javascript" src="js/MenuLoader.js"></script>
        <script type="text/javascript" src="js/PageHeader.js"></script>
        <script type="text/javascript" src="js/Mapmode.js"></script>

    </body>
</html>
4

1 回答 1

1

jQuery Mobile 回避了您的浏览器链接和历史记录。它会自动将其连接到链接 ( <a href>)。但是对于 JavaScript 你需要使用他们的changePage方法。

例如：

$.mobile.changePage('pagename.jsp');

使用changePage.

于 2012-07-17T12:04:22.403 回答