Question

所以我一直在学习jQuery，摆弄基本功能，并在不同的平台上进行测试。

问题是，以下代码适用于我的Mac上的所有浏览器（Safari，Chrome，Firefox），当它在本地托管时（文件：///Users/Janey/testing/test.html种类）事情），但是当它被上传时，它会停止处理除Safari之外的一切（它适用于Mac和iOS Safari的Safari）

这是html代码：

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5 maximum-scale=1.0">
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js">  </script>
    <link rel="stylesheet" href="resources/test.css" type="text/css">
</head>
<body>
    <script src="resources/jquerytest.js"></script>
    <div id="button">button 1</div><br>
    <div id="buttons">button 2</div><br>
    <div id="hide">hider</div><br>
    <div id="show">shower</div><br>
    <div id="toggle">toggler</div><br>
</body>
</html>

和jQuery文件是这样的：

$(document).ready(function(){ 
    $("#show").hide();
    $("#hide").show();
    $("#button").click(function() {
        $("#toggle").toggle();
        $("#hide").hide();
        $("#show").show();
    });
    $("#buttons").click(function() {
        $("#toggle").toggle();
        $("#show").hide();
        $("#hide").show();
    });
});

测试人员在这里：https://00c3c1ad2091a7f217bcb0c02dcd4786bc9fd492.googledrive.com/host/0B9xDKEsFy3ddTUZna254Zk1RYlU/test.html

我错过了什么？任何帮助表示赞赏！

Answer 1

那是因为您要将其上传到错误的位置。

Google Drive等在线文件存储服务（正如您所做）不支持执行JavaScript（默认情况下，需要采取额外步骤）。您可以通过打开专用服务器在本地尝试。

Answer 2

进一步扩展Akhlesh的评论

如果您运行页面并按F12并检查控制台，您将看到他正在讨论的错误。

尝试更改此内容：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>

对此：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>

简单的jQuery在上传时无法正常工作

2 个答案: