點擊事件不起作用

-1

對不起，一個重複的問題，但我沒有解決這個非常容易（硬？）代碼問題。是的，我試過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>

來源

2014-11-22 Mnemonics

你在控制檯有什麼錯誤？ – ummahusla 2014-11-22 20:42:13

你還沒有包含jquery。 – 2014-11-22 20:43:22

你忘了包括jQuery – 2014-11-22 20:43:27

錯誤在於您沒有將jQuery庫鏈接到您的HTML文檔。這就是爲什麼你不能在頁面中執行jQuery代碼。

嘗試純JavaScript代碼來提醒，

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

的JavaScript功能，

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>

這些方法將消除此錯誤。

來源

2014-11-22 20:43:08

根據你的代碼 - 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>

來源

2014-11-22 20:43:09 ummahusla

你在你的JavaScript使用jQuery，但是jQuery是不包含在頁面上。嘗試加入這一行：

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

在頭

您<script>標籤上面。

來源

2014-11-22 20:44:13 Anne

您忘記了包含查詢庫。在代碼中包含下面的行，這是最新的jQuery庫。

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

如何永遠不依賴於這些簡單的任務jQuery的。頁面加載時間將增加，因爲它必須從互聯網加載jQuery庫。你可以使用下面的代碼來做和jQuery代碼一樣的事情。

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

來源

2014-11-22 21:09:48

點擊事件不起作用

回答

相關問題