使用我的JavaScript jQuery的不工作

-7

我有一個小程序的HTML和JS程序使用我的JavaScript jQuery的不工作

HTML：

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<script type="text/javascript" src="temp.js"></script> 
</head> 
<body> 
<div id='display'></div> 
<input type="button" id="creation" value="Create"/> 
</body>

temp.js

$(document).ready(function() { 
    $('#creation').click(function() { 
    alert("hi"); 
    }); 
});

任何一個可以幫助我找到錯誤在這個上面的程序中。當我點擊創建按鈕它應該提醒我「嗨」。感謝您的幫助

來源

2017-04-13 Jeevan

你似乎並沒有加載jQuery的。 –

你能多解釋一下嗎 – Jeevan

jQuery不是內置於瀏覽器的。 –

您需要加載jQuery。

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

來源

2017-04-13 16:51:46 FD3

你沒有在你的代碼包括jQuery的：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
<script type="text/javascript" src="temp.js"></script>

確保它是第一參考jQuery之前包括在內。

來源

2017-04-13 16:52:17

您需要添加jQuery然後加載您的temp.js腳本。

使用jQuery的工作示例。

$(document).ready(function() { 
 
    $('#creation').click(function() { 
 
    alert("hi"); 
 
    }); 
 
});

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <meta charset="utf-8"> 
 
    <meta name="viewport" content="width=device-width"> 
 
    <title>JQuery</title> 
 
</head> 
 
<body> 
 
<div id='display'></div> 
 
<input type="button" id="creation" value="Create"/> \t 
 
<script src="https://code.jquery.com/jquery-3.1.0.js"></script> 
 

 
</body> 
 
</html>

來源

2017-04-13 16:55:38 azs06

使用我的JavaScript jQuery的不工作

回答

相關問題