sta*_*cks 112 javascript jquery click onclick onclicklistener
码:
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script type="text/javascript">
$("#clicker").click(function () {
alert("Hello!");
$(".hide_div").hide();
});
</script>
上面的代码不起作用.当我点击#clicker时,它不会发出警报,也不会隐藏.我检查了控制台,没有错误.我还检查了JQuery是否正在加载,确实是.所以不确定问题是什么.我还做了一个带有警报的文件就绪功能,这样做不能确定我做错了什么.请帮忙.谢谢!
mob*_*ius 171
您应该在$(document).ready(function() {});块中添加javascript代码.
即
$(document).ready(function() {
$("#clicker").click(function () {
alert("Hello!");
$(".hide_div").hide();
});
});
正如jQuery文档所述:"在文档准备就绪之前,页面无法安全地操作."jQuery会为您检测这种准备状态.内部包含的代码$( document ).ready()只有在页面文档对象模型(DOM)为JavaScript准备好后才会运行要执行的代码"
use*_*597 54
通过使用带$(文档)的ON,我找到了解决此问题的最佳解决方案.
$(document).on('click', '#yourid', function() { alert("hello"); });
对于id开始,见下文:
$(document).on('click', 'div[id^="start"]', function() {
alert ('hello'); });
终于在1周后我不需要添加onclick triger.我希望这会对很多人有所帮助
Sai*_*akR 19
您的代码可以在没有document.ready()的情况下工作,只需确保您的脚本位于#clicker之后.查看此演示:http://jsbin.com/aPAsaZo/1/
准备好概念的想法.如果您确定您的脚本是页面中的最新内容,或者它位于受影响的元素之后,它将起作用.
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
<script src="https://code.jquery.com/jquery-latest.min.js"
type="text/javascript"></script>
<a href="#" id="clicker" value="Click Me!" >Click Me</a>
<script type="text/javascript">
$("#clicker").click(function () {
alert("Hello!");
$(".hide_div").hide();
});
</script>
</body>
</html>
你必须使用$(document).ready(function(){});Look this JSfiddle包装你的Javascript代码.
JS代码:
$(document).ready(function() {
$("#clicker").click(function () {
alert("Hello!");
$(".hide_div").hide();
});
});
| 归档时间： |
|
| 查看次数： |
273425 次 |
| 最近记录： |