Question

很抱歉有一个重复的问题，但我没有解决这个完全容易（硬？）的代码问题。是的我已尝试Rory McCrossan's解决方案，但它仍然无效。我究竟做错了什么？

<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Welcome</title>
    <script type="text/javascript"></script>
    <script> $(document).ready(function() {
        $('#sta').on('click', function(){
            alert("Hi");
        });
    });
    </script>
</head>
<body>
<p id="name"></p>
<input type="button" id="sta" value="Click me"/>
</body>
</html>

Answer 1

错误是您没有将jQuery库链接到HTML文档。这就是为什么你不能在你的页面中执行jQuery代码。

尝试使用纯JavaScript代码进行提醒，

<input type="button" onclick="showAlert()" id="sta" value="Click me"/>

JavaScript函数as，

function showAlert() {
  alert('Hello world!');
}

或者你可以尝试在这里添加jQuery库。

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

这些方法会消除此错误。

Answer 2

根据您的代码 - http://jsfiddle.net/ye5Ltuj7/

好像你忘了添加jQuery.js

只需将其添加到标题中即可。

<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>

或

<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>

Answer 3

您在javascript中使用jQuery，但页面中不包含jQuery。尝试添加以下行：

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

在您<script>标记上方的标题中

。

Answer 4

您忘记包含查询库。在代码中包含以下行，这是最新的jquery库。

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

对于像这样的简单任务，如何依赖jquery。页面加载时间将增加，因为它必须从Internet加载jquery库。您可以使用下面的代码来执行与jquery代码相同的操作。

<input type="button" id="sta" value="Click me" on click="alert("Hi")"/>

点击事件不起作用

4 个答案: