Question

JSFiddle演示：https://jsfiddle.net/cr33q8v7/

$("#findMyWeather").click(function() {
    alert("button clicked");
});

所有我试图验证的是JQuery是否正常工作，而且我没有得到任何弹出按钮点击的按钮，所以看起来语法错了，但是我已经多次检查它看起来是正确的。

因此，如果我在JSFiddle上包含库，那么为什么HTML文件中的下面代码不会运行，因为看起来函数是相同的，并且这些指针都指向库：

    <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
    <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
    <script>
        $("#findMyWeather").click(function() {
            alert("button clicked");
        });
    </script>

所以//指针没有引用（这是老师指示的）。当我改为`https：``时，它运行正常：

    <script src="https://code.jquery.com/jquery-3.1.0.min.js"></script>
    <script src="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>

我需要另一双眼睛，否则我会遗漏别的东西而只是看不到它。

Answer 1

您需要在JSFiddle中包含 jQuery 库。点击 Javascript 的设备，然后选择适合您的 jQuery 版本。

Answer 2

你的小提琴实际上并不是通过脚本标签包含jQuery。

e.g。将<script src="https://code.jquery.com/jquery-3.1.0.min.js"></script>添加到您的HMTL

Answer 3

为Jquery添加cdn链接。如果没有jquery它将无法工作。您可以将它添加到body标签的前端。

...添加：<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>

Answer 4

您必须在body代码：

之间的最后一个div之后添加以下行

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

这是Demo

Answer 5

通过添加<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>在线使用jquery。

<html>
<head></head>
<title></title>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>


<body>
 <button id="check">Click on me to check if jquery is working ....!</button>
</body>

<script type="text/javascript">
$("#check").click(function(){
  alert("yep, jquery is working");
});


</script>

</html>

Answer 6

每件事看起来都很好请选择小提琴中的jquery然后尝试一下并请在您的文件中添加此脚本代码 < script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" ></script>

按钮上的JQuery单击警报问题

6 个答案: