0

考虑以下XHTML页面，page1.xhtml其中包含 Jquery Mobile 脚本：

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml">
    <head> 

        <title>Page 1</title> 

        <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
        <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
        <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>

    </head> 

    <body> 

        <div data-role="page">

            <div data-role="header">
                <h1>Page Title</h1>
            </div><!-- /header -->

            <div data-role="content">   
                <a href="page2.xhtml">Go to page 2</a>
            </div><!-- /content -->

            <div data-role="footer">
                <h4>Page Footer</h4>
            </div><!-- /footer -->

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

    </body>
</html>

单击链接时，page2.xhtml未加载。（仅显示加载动画图像，仅此而已）

这个问题只出现在XHTML页面上，而不是 HTML。

我使用三星 GT-S5302 设备和一些 Android（手机和平板电脑）模拟器进行了测试。

4

1 回答 1

1

正如有人已经提到的，jQuery Mobile 在 XHTML 方面存在问题。

您的问题可以通过删除此行来解决，但我不知道您是否会喜欢它：

<!DOCTYPE html>

这是一个证明： http: //www.fajrunt.org/page1.xhtml

编辑 ：

这里的主要问题是 webkit 浏览器将整个 HTML 包装在另一个 DIV 中。不要问我为什么，并且存在导致这个问题发生。

于 2013-01-26T10:38:50.220 回答