3

基本上我的问题是我的 jquery 移动网站中的 data-role="page" 在从某个页面链接时不起作用，而在从另一个页面链接时确实起作用。

当从某个页面链接html页面时它没有加载，当我单击链接时没有任何反应。url 甚至没有改变并且保持像“page.html”而不是“page.html#anotherpage”

对此有什么想法吗？

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>test</title>
    <link rel="stylesheet" href="./css/jquery.mobile-1.4.5.min.css">
</head>

<body>

    <!----------------------- PAGE 1 ------------------------------->

    <div id="view-profile-page" data-role="page">


        <ul data-role="listview" class="ui-listview">
            <li class="ui-first-child">
                <a href="#edit-profile-page" class="ui-btn ui-btn-icon-left ui-icon-edit">Go to page 2</a>
            </li>
        </ul>


    </div>

    <!------------------------ PAGE 2 ------------------------------>

    <div id="edit-profile-page" data-role="page">


        <!-- CONTENT -->
        <div role="main">

            Page 2!

        </div>

    </div>

    <!-- jQuery core -->
    <script src="./js/jquery-1.12.4.min.js"></script>

    <!-- jQuery Mobile -->
    <script src="./js/jquery.mobile-1.4.5.min.js"></script>

</body>

</html>
4

2 回答 2

0

根据您提供的有限信息，这是在黑暗中拍摄的，但是您是否验证了您的 html？如果 jQuery 因遇到无效的 html 而感到困惑，例如有两个具有相同 ID 的元素，那么您所看到的那种结果可能会发生。

于 2012-06-13T21:34:36.807 回答
0

很难理解您提供的描述的确切问题。但这是我在黑暗中拍摄的 - 由于 JQM (hi)jax 加载页面的方式，第二个 JQM data-role="page" 上的脚本有一定的限制。详情在这里：http: //jquerymobile.com/test/docs/pages/page-scripting.html

确切地说，jQuery Mobile 忽略了“头部”区域的所有内容，标题除外。所以你的脚本不会干扰

于 2012-06-13T06:47:00.400 回答