Question

最终像我的html指向一个文件，其中包含我从jquery站点下载的jquery压缩或未压缩的源代码，以便我能够使用jquery脚本。我非常喜欢编程，请原谅我糟糕的编码结构。你可以通过这个链接https://repl.it/H8eo/25或者去找我的代码 http://felipeiscoding.com/main/HTML_Files/jqueryTesting.html

并查看此处的现有源代码。

这里的错误代码＆gt;＆gt;

<!DOCTYPE html>
<html>

    <head>
        <script src="jquery-3.2.1.compressed.js"></script>
        <!--<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>-->

        <style>
            body {
                background-color: black;
            }

            #square {
                width: 200px;
                height: 200px;
                background-color: white;
            }
        </style>

        <script>
            $(document)
                .ready(function () {
                    alert("Im working!");
                });
        </script>

    </head>

    <body>
        <div id="square">
        </div>

        <script type="text/javascript">
            if (typeof jquery == "undefined") {
                alert("Jquery is not installed");
            } else {
                alert("Jquery is installed correctly");
            }
        </script>



    </body>

</html>

Answer 1

如果你在控制台中查看，你可以看到 https://replit.org/data/web_project/2d978b375b293a397e1c8c0898c77572/jquery-3.2.1.compressed.js

无法加载。所以它没有工作，因为jquery没有被加载。

Answer 2

而不是typeof jquery您需要使用window.jQuery

if (!window.jQuery) {
  alert("Jquery is not installed");
} else {
  alert("Jquery is installed correctly");
}

$(document).ready(function() {
  alert("Im working!");
});

body {
  background-color: black;
}

#square {
  width: 200px;
  height: 200px;
  background-color: white;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="square">
</div>
<script type="text/javascript">
</script>

我目前正在学习jquery，我无法在我的网站上工作

2 个答案: