jQuery mobile在点击链接时无法加载“页面”

Question

jQuery mobile在点击链接时无法加载“页面”

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>

- dostrik

你有一些可以展示给我们的HTML/JS代码吗？ - Mario

2个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Nirmal Patel · Answer 1

很难根据您提供的描述准确理解问题所在。但是就我来猜测，第二个 JQM data-role="page" 上的脚本由于 JQM（嗨）jax 加载页面的方式而受到一定限制。详细信息请参考：http://jquerymobile.com/test/docs/pages/page-scripting.html 确切地说，jQuery Mobile 忽略 'head' 区域中的所有内容，除了标题外。所以您的脚本不会干扰其他部分。

- AllInOne · Answer 2

这只是根据您提供的有限信息的猜测，但是您验证过HTML了吗？如果遇到无效的HTML（例如具有相同ID的两个元素），jQuery可能会因为困惑而出现您看到的结果。