jquery警告不起作用

我想了解jquery如何處理點擊事件。所以我創建了一個簡單的mvc 3應用程序，然後在視圖中添加了一個按鈕。我創建了一個簡單的js文件。但是，當我點擊它時，它不會彈出警報。jquery警告不起作用

這裏是我的視圖代碼：

@{ 
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>

這裏是我完整的js文件：

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

任何投入將不勝感激，因爲我已經非常有限的JavaScript/jQuery的知識。

來源

2013-08-01 Loganj99

你有加載jQuery的'

您需要確保該文件是準備通過使用這些2個功能

$(function() { 

    // Code here... 

});

或

$(document).ready(function() { 

    // Code here... 

});

像這樣

$(function(){ 

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

});

文檔：http://api.jquery.com/ready/

如果你不這樣做，很可能當元素不存在要添加的click事件。

PS：另外，還要確保你實際上是包括jQuery的

來源

2013-08-01 17:26:14 iConnor

很可能運行時錯誤。您的JS試圖引用在瀏覽器正在讀取的代碼點處不存在的元素 - 您的button。因此，要解決該問題，請將該代碼放在$(document).ready()函數中，或將其放置在頁面的底部處。

來源

2013-08-01 17:27:05

您的JavaScript正確無誤。 http://jsfiddle.net/FMy65/

您是否正確加載jQuery？您需要加載jQuery庫才能使用它。您可以在頁面頂部加入<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js'></script>。這是使用CDN（腳本託管在別處），或者您可以下載它並將其託管在您的服務器上（http://code.jquery.com/）。

來源

2013-08-01 17:36:53 babybunnies

相關問題