gpt4 book ai didi

jquery-mobile - 在 jQuery Mobile 中混合单页和多页文档

转载 作者:行者123 更新时间:2023-12-04 05:11:34 25 4
gpt4 key购买 nike

我从 jQuery Mobile 开始,但遇到了问题。我有两个 HTML 文档:

  • page1.html
  • page2.html
  • 第2a页
  • 第2b页

  • 问题如下:
  • 当我从 page1.html 浏览到 page2.html 时,它显示 page2a,但我无法浏览到 page2b
  • 当我从 page1.html 浏览到 page2a 时,它停留在 page1.html
  • 当我从 page2.html 浏览到 page2a 或 page2b 时,它运行良好

  • 我的解决方案有什么问题?有什么好的解决方案可以让它正常工作吗?

    这里有一个代码供引用:

    页面1.html

    <!DOCTYPE html> 
    <html>
    <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Page 1</title>
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0-rc.1/jquery.mobile-1.3.0-rc.1.min.css" />
    <script src="http://code.jquery.com/jquery-1.9.0.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.3.0-rc.1/jquery.mobile-1.3.0-rc.1.min.js"></script>
    </head>

    <body>

    <div data-role="page">
    <div data-role="header">
    <h1>Single page</h1>
    </div>
    <div data-role="content">
    <p>See <a href="page2.html">page 2</a>.</p>
    <!-- <p>See <a href="page2.html#a">page 2a</a>.</p> -->
    </div>
    </div>

    </body>
    </html>

    Page2.html:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Page 2</title>
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0-rc.1/jquery.mobile-1.3.0-rc.1.min.css" />
    <script src="http://code.jquery.com/jquery-1.9.0.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.3.0-rc.1/jquery.mobile-1.3.0-rc.1.min.js"></script>
    </head>

    <body>

    <!-- Start of first page: #a -->
    <div data-role="page" id="a">
    <div data-role="header">
    <h1>Page 2a</h1>
    </div>
    <div data-role="content" >
    <p><a href="#b" data-role="button" data-transition="slide">Show page "2b"</a></p>
    </div>
    </div>

    <!-- Start of second page: #b -->
    <div data-role="page" id="b">
    <div data-role="header">
    <h1>Page 2b</h1>
    </div>
    <div data-role="content">
    <p><a href="#a" data-direction="reverse" data-transition="slide" data-role="button">Back to page "2a"</a></p>
    </div>
    </div><!-- /page b -->

    </body>
    </html>

    最佳答案

    检查以下问题。似乎它只适用于 data-rel="external" .

    JQM Multipage

    更新:

    注意:您不能链接到 Ajax 导航处于事件状态的多页文档,因为框架只会加载它找到的第一个页面,而不是完整的内部页面集。在这些情况下,您必须在没有 Ajax 的情况下进行链接(请参阅下一节)以刷新整个页面,以防止潜在的哈希冲突。目前有subpage plugin这使得加载多页文档成为可能。

    来源:JQM - Linking pages

    关于jquery-mobile - 在 jQuery Mobile 中混合单页和多页文档,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14872857/

    25 4 0
    Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
    广告合作:1813099741@qq.com 6ren.com