這個jQuery代碼不起作用？
[英]this jquery code doesn't work?
問題描述
我找到了這個jsfiddle 代碼 ，我需要它，我想在我的php文件中嘗試它，但是它不起作用，而它是相同的代碼，我只是復制並粘貼了內容，但我什么都沒做，但是仍然不起作用。
我的代碼：
<!DOCTYPE html>
<?php
?>
<html>
<head>
<title></title>
<script>
$("#update").click(function() {
$("#counter").html(function(i, val) {
return val*1+1
});
});
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.jss"></script>
</head>
<body>
<button id="update" type="button">Click Me</button>
<div id="counter">10</div>
<?php
?>
</body>
</html>
請告訴我我的錯。 任何幫助，將不勝感激！
3 個解決方案
解決方案1
3 2015-09-12 09:58:57
您應該真的可以自己調試它。 打開您的JavaScript控制台，注意它顯示ReferenceError: $ is not defined 。 這意味着沒有加載jQuery。 現在查看您放入script-src中的URL。 為什么以.jss ？ 你那里有錯字。
如果更正，您仍然會遇到相同的錯誤。 為什么？ 因為您在包含它之前使用了jquery。 因此，將包含的jquery庫放在自定義代碼之前 。
現在，它仍然無法正常工作。 為什么？ 因為您在加載DOM之前附加了事件； 因此，在處理腳本時，該按鈕不存在！ 因此，看看http://api.jquery.com/ready/ ，您應該知道要添加的內容，將您的javascript包裝在$(function() {...}) ，您就可以開始了
解決方案2
1 2015-09-12 10:01:02
也許這只是jquery.min.jss的錯字
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.jss"></script>
它必須是jquery.min.js
或者您將javascript放在jQuery引用之前。
解決方案3
0 已采納 2015-09-12 10:13:37
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script>
$(document).ready(function(){
$('#target').click(function() {
$('#output').html(function(i, val) { return val*1+1 });
});
});
</script>
</head>
<body>
<button id="target" type="button">Click Me</button>
<div id="output">10</div>
</body>
</html>
jQUery代碼在IE中不起作用
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.