Question

一切都在计算机上运行，但是当我在手机上运行此页面时，这个脚本不起作用。我需要在代码中添加什么东西吗？

<!doctype html>
<html>
<head>
    <link rel="stylesheet" href="jquery.mobile-1.4.5.min.css" />
    <script src="jquery-1.11.1.min.js"></script>
    <script src="jquery.mobile-1.4.5.min.js"></script>
    <script>
        $(document).on ("pagecreate", "#pagegone", function(){
            $("p").on ("tap", function(){
                $("p").hide();
            });
        });
    </script>
</head>
<body>
    <div data-role="page" id="pagegone">
     <p>Tap on me</p>
</body>
</html>

Answer 1

您好像错过了viewport元标记。添加此代码段：

<meta name="viewport" content="width=device-width, initial-scale=1">

在链接的CSS文件上方的HTML的<head>部分中

。

此外，您的data-role="page" div未正确关闭。您应该在段落标记之后添加</div>以正确关闭div。

参考： jQuery Mobile Page Anatomy

修改

不确定这是否有所不同，但您可能希望更改doctype标记以匹配标准<!DOCTYPE html>的标记。我不确定它是否区分大小写，但也不能解决这个问题。

Jquery在Safari上呈现，但不是移动游猎

1 个答案: