Question

我下载了jQuery并尝试在崇高的文本编辑器中运行它，但它似乎并没有起作用。我的控制台中没有错误，所以我也尝试在我的脚本标签中使用jQuery的网址，但这也不起作用。最后，我已经将代码复制并粘贴到插件中，但它仍然无法在那里工作。有人可以看看这个并告诉我它是什么？ http://plnkr.co/edit/LSz4Sj35oOvHJYZ61cMr

<!DOCTYPE html>
<html>

  <head>
    <script data-require="jquery@2.1.4" data-semver="2.1.4" src="https://code.jquery.com/jquery-2.1.4.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body>
    <div id="circle"></div>
    <br />
    <p>Hello</p>
  </body>

</html>

**CSS**

#circle {

        height: 200px;
        width: 200px;
        border-radius: 100px;
        background-color: red;
    }

.square {

        height: 200px;
        width: 200px;
        margin-top: 10px;
        background-color: blue;
    }

**JS**

$('#circle').click(function() {

        $('p').html("the text has changed");

});

Answer 1

在文档“准备就绪”之前，无法安全地操作页面。 jQuery为您检测这种准备状态。包含在$（document）.ready（）中的代码只有在页面文档对象模型（DOM）准备好执行JavaScript代码时才会运行。

您需要包含就绪处理程序。 jQuery没有执行，因为DOM还没有为JavaScript做好准备。将代码包装在$document.ready()块中。看到这个。

$(document).ready(function() {
    $('#circle').click(function() {
        $('p').html("the text has changed");
    });
});

https://learn.jquery.com/using-jquery-core/document-ready/

Answer 2

尝试使用此脚本只是为了确保jquery已加载

＆＃13;

$(function(){
    console.log("jquery has loaded");
 });

＆＃13;

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

＆＃13;

另外，请确保您的浏览器没有防火墙。

jQuery似乎没有在本地或我的浏览器上工作

2 个答案: