这段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>
请指出我的错误。任何帮助将不胜感激!
您应该能够自己调试它。打开javascript控制台,注意到上面写着ReferenceError: $ is not defined
。这意味着没有加载jquery。现在看看您放入script-src中的URL。为什么以.jss
结尾?这里有个打字错误。
如果你改正了,你仍然会得到相同的错误。为什么?因为在包含它之前使用了jquery。所以把包含的jquery库放在自定义代码之前。
现在,它仍然不起作用。为什么?因为你在DOM加载之前附加了一个事件;因此,在处理脚本时,按钮不存在!所以看一下http://api.jquery.com/ready/你应该知道要添加什么,把你的javascript包在$(function() {...})
里面然后你就可以进入
可能是jquery.min.jss
的一个错别字
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.jss"></script>
必须是jquery.min.js
或者您将javascript放在jquery引用之前。
<!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>
相关文章:
- 面向对象的Javascript代码在IE7中不起作用
- 为什么indexOf在这个js代码中不起作用
- d3js文本传输-示例代码不起作用
- 滚动动画代码不起作用
- 为什么此验证代码不起作用
- KeyPress和Keydown在这个特定的代码上不起作用.只有key-up起作用
- 我的jquery代码不起作用.为什么?
- 调试此代码?警报不起作用
- I'我不知道为什么我的代码没有'不起作用
- jquery中的PHP代码不起作用
- 谷歌地图代码不起作用
- PHP代码中实现的JavaScript |if语句不起作用
- 为什么这个代码不起作用?我花了很长时间试图弄清楚这一点
- Javascript ajax代码在ibm worklight中不起作用
- 这段jquery代码在angular指令中不起作用
- JavaScript在我下面的代码中不起作用
- JS代码使IE9和Safari冻结,在Opera中不起作用
- 复选框检查器在表中不起作用.代码在没有表标记的情况下工作
- JavaScript 按钮不起作用;代码与其他工作按钮相同
- 视频.js在 Safari 中不起作用(代码:4 MEDIA_ERR_SRC_NOT_SUPPORTED)