Jquery警报不是'；行不通

我试图了解jquery如何处理单击事件。因此，我创建了一个简单的MVC3应用程序，然后在视图中添加了一个按钮。我创建了一个简单的js文件。但是，当我单击它时，它不会弹出警报

以下是我在视图中的代码：

@{
ViewBag.Title = "Home Page";
}
<script src="../../Scripts/first.js"></script>
<h2>@ViewBag.Message</h2>

<div>
 <p style="text-align: center;">
            <input type="button" id="steps" name="steps" value="Next >" />
        </p>
</div>

任何输入都将不胜感激，因为我的javascript/jquery知识非常有限

您提到它是一个“完整”的js文件

您需要用

.ready（）

方法包装jQuery代码：

$(document).ready(function() {    
  $("#steps").click(function () {
     alert("hola!");
  });
});

---

您需要使用这两种功能之一确保文档已准备就绪

$(function() {

   // Code here...

});

$(function(){

   $("#steps").click(function () {
      alert("hola!");
   });

});

或

$(document).ready(function() {

   // Code here...

});

像这样

$(function() {

   // Code here...

});

$(function(){

   $("#steps").click(function () {
      alert("hola!");
   });

});

文档：

如果不这样做，则很可能是在元素尚不存在时添加了

click

事件

---

PS：还要确保您实际包含了jQuery

这可能是运行时错误。您的JS试图引用一个在浏览器读取代码时不存在的元素—您的

按钮

。因此，要解决这个问题，可以将代码放入

$（document）.ready（）

函数中，或者将其放在页面底部。

您的javascript是正确的

您正确加载jQuery了吗？您需要加载jQuery库才能使用它。您可以通过在页面顶部包含

来完成此操作。

---

这是在使用CDN（脚本托管在其他地方），或者您可以下载它并将其托管在服务器（）上

您是否有加载jQuery的

标记？是否有控制台错误？如果您使用的是chrome，请按f12键，然后检查打开的窗口右下角的错误。您的代码在这里工作：像一个魔咒一样工作。我刚刚开始学习jquery。似乎比.net更难理解。