Question

考虑以下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（手机和平板电脑）模拟器进行了测试。

Answer 1

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

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

<!DOCTYPE html>

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

编辑：

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

Android浏览器不会加载XHTML Jquery Mobile页面

1 个答案: