blocks|key|30719|text|尝试在脚本的开头添加$(document).ready(function(){，然后添加});。另外，div中的id是否正确，例如，作为id，而不是类，等等？|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|30720|entityMap^0|A|T|18|3|1F|3|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]|$9|M|A|N|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|O|8|@]|D|@]|E|$]]]|G|$]]

Try adding <code>$(document).ready(function(){</code> to the beginning of your script, and then <code>});</code>. Also, does the <code>div</code> have the id in it properly, i.e., as an id, not a class, etc.?

blocks|key|247009|text|您应该将javascript代码添加到$(document).ready(function()+{});块中。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|247010|即|247011|$(document).ready(function()+{
++$("#clicker").click(function+()+{
++++alert("Hello!");
++++$(".hide_div").hide();
++});
});|code-block|syntax|javascript|247012|正如jQuery+documentation所说：“在文档‘就绪’之前，不能安全地操作页面。”jQuery会检测到这种就绪状态。只有当页面文档对象模型(DOM)准备好让$(+document+).ready()代码执行时，包含在JavaScript中的代码才会运行。|247013|entityMap|0|LINK|mutability|MUTABLE|url|https://learn.jquery.com/using-jquery-core/document-ready/^0|J|X|0|0|0|2C|L|2|K|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@$9|X|A|Y|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|Z|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|10|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|11|8|@$9|12|A|13|B|C]]|D|@$9|14|A|15|1|16]]|E|$]]|$1|O|3|-4|5|6|7|17|8|@]|D|@]|E|$]]]|P|$Q|$5|R|S|T|E|$U|V]]]]

You are supposed to add the javascript code in a <code>$(document).ready(function() {});</code> block.

i.e.

<pre><code>$(document).ready(function() {
 $("#clicker").click(function () {
 alert("Hello!");
 $(".hide_div").hide();
 });
});
</code></pre>

As <a href="https://learn.jquery.com/using-jquery-core/document-ready/" rel="noreferrer" title="jQuery documentation">jQuery documentation</a> states: "A page can't be manipulated safely until the document is "ready." jQuery detects this state of readiness for you. Code included inside <code>$( document ).ready()</code> will only run once the page Document Object Model (DOM) is ready for JavaScript code to execute"

blocks|key|30821|text|确保按钮上没有任何东西(比如div或透明的img)阻止单击该按钮。这听起来很愚蠢，但有时我们认为jQuery不起作用，所有这些东西和问题都出在DOM元素的位置上。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|30822|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Be sure there is nothing on your button (such a div or a trasparent img) that keeps from clicking the button. 
It sounds stupid, but sometimes we think that jQuery is not working and all that stuffs and the problem is on the positioning of DOM elements.

blocks|key|30845|text|我通过使用ON+with+$(document)找到了这个问题的最佳解决方案。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|30846|+$(document).on('click',+'#yourid',+function()+{+alert("hello");+});|code-block|syntax|javascript|30847|id开头见下文：|30848|$(document).on('click',+'div[id%5E="start"]',+function()+{
alert+('hello');+});|30849|最后，在一周后，我不需要添加onclick+triger。我希望这能帮助很多人。|30850|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

I found the best solution for this problem by using ON with $(document).

<pre><code> $(document).on('click', '#yourid', function() { alert("hello"); });
</code></pre>

for id start with see below:

<pre><code>$(document).on('click', 'div[id^="start"]', function() {
alert ('hello'); });
</code></pre>

finally after 1 week I not need to add onclick triger.
I hope this will help many people

blocks|key|30885|text|快速检查一下，如果您使用的是客户端模板引擎，如handlebars，您的js将在document.ready之后加载，因此将没有元素绑定事件，因此要么使用onclick处理程序，要么在主体上使用它并检查当前目标。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|30886|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

Just a quick check, if you are using client-side templating engine such as handlebars, your js will load after document.ready, hence there will be no element to bind the event to, therefore either use onclick handler or use it on the body and check for current target

blocks|key|30907|text|您可以使用$(function(){++//+code++});，它在文档准备好执行该块中的代码时执行。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|30908|$(function(){
++++$('#clicker').click(function(){
++++++++alert('hey');
++++++++$('.hide_div').hide();
++++});
});|code-block|syntax|javascript|30909|entityMap^0|5|R|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

You can use <code>$(function(){ // code });</code> which is executed when the document is ready to execute the code inside that block.

<pre><code>$(function(){
 $('#clicker').click(function(){
 alert('hey');
 $('.hide_div').hide();
 });
});
</code></pre>

Code:

<pre><code>&lt;script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
 $("#clicker").click(function () {
 alert("Hello!");
 $(".hide_div").hide();
 });
&lt;/script&gt;
</code></pre>

The above code doesn't work. When I click on #clicker, it doesn't alert and and it doesn't hide. I checked the console and I get no errors. I also checked to see if JQuery was loading and indeed it is. So not sure what the issue is. I also did a document ready function with an alert and that worked so not sure what I am doing wrong. Please help. Thanks!

Why is this jQuery click function not working?

jQuery

代码：<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script><script type="text/javascript"> $("#clicker").click(function () ...

问为什么这个jQuery点击功能不起作用？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问为什么这个jQuery点击功能不起作用？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问为什么这个jQuery点击功能不起作用？
EN