为什么这个jQuery点击功能不起作用？
为什么这个jQuery点击功能不起作用？
提问于 2013-09-04 06:12:46
代码：
<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是否正在加载，确实是这样。所以我不确定问题出在哪里。我还做了一个带有警报的文档就绪功能，它起作用了，所以我不确定我做错了什么。请帮帮忙。谢谢!
回答 6
Stack Overflow用户
回答已采纳
发布于 2013-09-04 06:14:47
您应该将javascript代码添加到$(document).ready(function() {});块中。
即
$(document).ready(function() {
$("#clicker").click(function () {
alert("Hello!");
$(".hide_div").hide();
});
});正如jQuery documentation所说：“在文档‘就绪’之前，不能安全地操作页面。”jQuery会检测到这种就绪状态。只有当页面文档对象模型(DOM)准备好让$( document ).ready()代码执行时，包含在JavaScript中的代码才会运行。
Stack Overflow用户
发布于 2015-12-04 03:22:49
我通过使用ON with $(document)找到了这个问题的最佳解决方案。
$(document).on('click', '#yourid', function() { alert("hello"); });id开头见下文：
$(document).on('click', 'div[id^="start"]', function() {
alert ('hello'); });最后，在一周后，我不需要添加onclick triger。我希望这能帮助很多人。
Stack Overflow用户
发布于 2013-09-04 06:14:46
尝试在脚本的开头添加$(document).ready(function(){，然后添加});。另外，div中的id是否正确，例如，作为id，而不是类，等等？
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/18602331
复制相关文章
相似问题