blocks|key|620422|text|您当前的代码可以正常工作，您可以在此处尝试：http://jsfiddle.net/s4UyH/|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|620423|如果在示例之外有一些东西触发了另一个.click()，请检查也在该元素上触发click事件的其他处理程序。|style|CODE|620424|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/s4UyH/|1|http://api.jquery.com/click/^0|M|Q|0|0|I|8|12|5|I|8|1|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@$A|S|B|T|1|U]]|C|$]]|$1|D|3|E|5|6|7|V|8|@$A|W|B|X|F|G]|$A|Y|B|Z|F|G]]|9|@$A|10|B|11|1|12]]|C|$]]|$1|H|3|-4|5|6|7|13|8|@]|9|@]|C|$]]]|I|$J|$5|K|L|M|C|$N|O]]|P|$5|K|L|M|C|$N|Q]]]]

Your current code works, you can try it here: <a href="http://jsfiddle.net/s4UyH/" rel="noreferrer">http://jsfiddle.net/s4UyH/</a>

You have something outside the example triggering another <a href="http://api.jquery.com/click/" rel="noreferrer"><code>.click()</code></a>, check for other handlers that are also triggering a <code>click</code> event on that element.

blocks|key|2203705|text|在这种情况下，我们可以执行以下操作|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2203706|$('selected').unbind('click').bind('click',+function+(e)+{
++do_something();
});|code-block|syntax|javascript|2203707|我让事件最初触发两次，当页面刷新时，它会触发四次。在我用谷歌搜索了几个小时之后，我才找到答案。|2203708|我还必须说，在我开始使用JQueryUI+accordion小部件之前，代码最初是有效的。|2203709|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

In that case, we can do the following

<pre><code>$('selected').unbind('click').bind('click', function (e) {
 do_something();
});
</code></pre>

I had the event firing two times initially, when the page get refreshed it fires four times. It was after many fruitless hours before I figured out with a google search.

I must also say that the code initially was working until I started using the JQueryUI accordion widget.

blocks|key|1367158|text|我也经历过奇怪的行为。所以对我来说，"return+false“做到了这一点。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1367159|++++++++$(+'#selector'+).on(+'click',+function()+{
++++++++++++//code
++++++++++++return+false;
++++++++});|code-block|syntax|javascript|1367160|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Strange behaviour which I was experienced also. So for me "return false" did the trick.

<pre><code> $( '#selector' ).on( 'click', function() {
 //code
 return false;
 });
</code></pre>

blocks|key|1363273|text|我发现，在一个函数中绑定一个多次发生的element.click会将它排入队列，所以下次单击它时，它将触发与执行绑定函数一样多的次数。新手犯的错误可能是我的错，但我希望它能有所帮助。TL，DR:确保将所有点击绑定到一个只发生一次的设置函数上。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1363274|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|$]]

I've found that binding an element.click in a function that happens more than once will queue it so next time you click it, it will trigger as many times as the binding function was executed. Newcomer mistake probably on my end but I hope it helps. TL,DR: Make sure you bind all clicks on a setup function that only happens once.

blocks|key|1367176|text|如果您使用|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1367177|$(+document+).ready({+})|code-block|syntax|javascript|1367178|或|1367179|$(function()+{+});|1367180|不止一次，单击函数将触发所使用的任意次数。|1367181|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|$]]

If you use

<pre><code>$( document ).ready({ })
</code></pre>

or 

<pre><code>$(function() { });
</code></pre>

more than once, the click function will trigger as many times as it is used.

blocks|key|2203811|text|我也遇到了同样的问题，我试了所有的方法，但都不起作用。因此，我使用了以下技巧：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2203812|function+do_stuff(e)
{
++++if(e){+alert(e);+}
}
$("#delete").click(function()+{
++++do_stuff("Clicked");
});|code-block|syntax|javascript|2203813|你可以检查参数是否不为|2203814|，而不是检查代码。因此，当函数第二次触发时，它将显示您想要的内容。|blockquote|2203815|2203816|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|K|7|R|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

I had the same problem and tried everything but it didn't worked. So I used following trick:

<pre><code>function do_stuff(e)
{
 if(e){ alert(e); }
}
$("#delete").click(function() {
 do_stuff("Clicked");
});
</code></pre>

<blockquote>
 You check if that parameter isn't null than you do code. So when the function will triggered second time it will show what you want.
</blockquote>

blocks|key|1363286|text|你可以试试这个。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1363287|++++$('#id').off().on('click',+function()+{
++++++++//+function+body
++++});
++++$('.class').off().on('click',+function()+{
++++++++//+function+body
++++});|code-block|syntax|javascript|1363288|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

you can try this.

<pre><code> $('#id').off().on('click', function() {
 // function body
 });
 $('.class').off().on('click', function() {
 // function body
 });
</code></pre>

blocks|key|618585|text|就像Nick想说的那样，来自外部的东西触发了两次事件。要解决这个问题，您应该使用event.stopPropagation()来防止父元素冒泡。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|618586|$('button').click(function(event)+{
++++event.stopPropagation();
});|code-block|syntax|javascript|618587|我希望这能帮到你。|618588|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Just like what Nick is trying to say, something from outside is triggering the event twice. To solve that you should use event.stopPropagation() to prevent the parent element from bubbling.

<pre><code>$('button').click(function(event) {
 event.stopPropagation();
});
</code></pre>

I hope this helps.

blocks|key|1367214|text|在我的例子中，我是这样使用change命令的|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1367215|$(document).on('change',+'.select-brand',+function+()+{...my+codes...});|offset|length|style|BOLD|CODE|1367216|然后我改变了方式|1367217|$('.select-brand').on('change'，function+()+{...my代码...})；|1367218|它解决了我的问题。|1367219|entityMap^0|0|0|20|0|20|0|0|0|1L|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|R|8|@$D|S|E|T|F|G]|$D|U|E|V|F|H]]|9|@]|A|$]]|$1|I|3|J|5|6|7|W|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|X|8|@$D|Y|E|Z|F|G]]|9|@]|A|$]]|$1|M|3|N|5|6|7|10|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|11|8|@]|9|@]|A|$]]]|P|$]]

in my case, i was using the change command like this way

<code>$(document).on('change', '.select-brand', function () {...my codes...});</code>

and then i changed the way to 

$('.select-brand').on('change', function () {...my codes...});

and it solved my problem.

blocks|key|3610973|text|这也可以通过让input和label+在元素内部单击+listener来触发。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|BOLD|entityRanges|data|3610974|您单击label，这将触发一个单击事件，并在input+label上触发另一个单击事件。这两个事件都会影响到您的元素。|3610975|看看这个花哨的CSS-only切换：https://codepen.io/stepanh/pen/WaYzzO|3610976|注:这不是特定于+jQuery的，本机侦听器被触发2倍，如笔中所示。|3610977|entityMap|0|LINK|mutability|MUTABLE|url|https://codepen.io/stepanh/pen/WaYzzO^0|7|5|D|5|J|7|0|3|5|M|5|S|5|0|I|11|0|0|G|I|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]|$9|X|A|Y|B|C]|$9|Z|A|10|B|D]]|E|@]|F|$]]|$1|G|3|H|5|6|7|11|8|@$9|12|A|13|B|C]|$9|14|A|15|B|C]|$9|16|A|17|B|C]]|E|@]|F|$]]|$1|I|3|J|5|6|7|18|8|@]|E|@$9|19|A|1A|1|1B]]|F|$]]|$1|K|3|L|5|6|7|1C|8|@$9|1D|A|1E|B|D]]|E|@]|F|$]]|$1|M|3|-4|5|6|7|1F|8|@]|E|@]|F|$]]]|N|$O|$5|P|Q|R|F|$S|T]]]]

This can as well be triggered by having both <code>input</code> and <code>label</code> inside the element with click listener.

You click on the <code>label</code>, which triggers a click event and as well another click event on the <code>input</code> for the <code>label</code>. Both events bubble to your element.

See this pen of a fancy CSS-only toggle: <a href="https://codepen.io/stepanh/pen/WaYzzO" rel="noreferrer">https://codepen.io/stepanh/pen/WaYzzO</a>

Note: This is not jQuery specific, native listener is triggered 2x as well as shown in the pen.

blocks|key|618627|text|$("#id").off().on("click",+function()+{

});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|618628|对我很管用。|unstyled|618629|$("#id").off().on("click",+function()+{

});|618630|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|L|8|@]|9|@]|A|$]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$B|C]]|$1|I|3|-4|5|F|7|N|8|@]|9|@]|A|$]]]|J|$]]

<pre><code>$("#id").off().on("click", function() {

});
</code></pre>

Worked for me.

<pre><code>$("#id").off().on("click", function() {

});
</code></pre>

blocks|key|1367269|text|这可能是由于以下原因造成的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1367270|1367271|你不止一次地在同一个html文件中包含了脚本|ordered-list-item|1367272|你已经两次添加了事件侦听器(例如:在元素上使用onclick属性，也使用jquery<代码>H29<代码>H110<代码>E111事件被冒泡到某个父元素上。(您可以考虑使用event.stopPropagation).|offset|length|style|CODE|1367273|If您可以像在Django中使用extends一样使用event.stopPropagation).|BOLD|1367274|If，很可能您已经将脚本包含在多个文件中，这些文件由include或extend模板标记|1367275|组合在一起。如果您使用的是Django模板，则您在template+inheritance中错误地放置了+block+|1367276|1367277|因此，您应该找到它们并删除重复的导入。这是最好的做法。|1367278|另一种解决方案是首先删除脚本中的所有click事件侦听器，如下所示：|1367279|$("#myId").off().on("click",+function(event)+{
event.stopPropagation();
});|code-block|syntax|javascript|1367280|如果您确定事件没有冒泡，则可以跳过event.stopPropagation();。|1367281|entityMap^0|0|0|0|N|7|2E|L|0|7|6|G|7|R|L|G|7|0|Q|7|Y|6|0|D|6|P|K|1H|5|1H|5|0|0|0|R|0|0|Y|I|5|0|0|0|16|H|O|0^^$0|@$1|2|3|4|5|6|7|16|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|17|8|@]|9|@]|A|$]]|$1|C|3|D|5|E|7|18|8|@]|9|@]|A|$]]|$1|F|3|G|5|E|7|19|8|@$H|1A|I|1B|J|K]|$H|1C|I|1D|J|K]]|9|@]|A|$]]|$1|L|3|M|5|E|7|1E|8|@$H|1F|I|1G|J|K]|$H|1H|I|1I|J|K]|$H|1J|I|1K|J|K]|$H|1L|I|1M|J|N]]|9|@]|A|$]]|$1|O|3|P|5|E|7|1N|8|@$H|1O|I|1P|J|K]|$H|1Q|I|1R|J|K]]|9|@]|A|$]]|$1|Q|3|R|5|E|7|1S|8|@$H|1T|I|1U|J|K]|$H|1V|I|1W|J|K]|$H|1X|I|1Y|J|K]|$H|1Z|I|20|J|N]]|9|@]|A|$]]|$1|S|3|-4|5|6|7|21|8|@]|9|@]|A|$]]|$1|T|3|U|5|6|7|22|8|@$H|23|I|24|J|N]]|9|@]|A|$]]|$1|V|3|W|5|6|7|25|8|@$H|26|I|27|J|N]|$H|28|I|29|J|K]]|9|@]|A|$]]|$1|X|3|Y|5|Z|7|2A|8|@]|9|@]|A|$10|11]]|$1|12|3|13|5|6|7|2B|8|@$H|2C|I|2D|J|N]|$H|2E|I|2F|J|K]]|9|@]|A|$]]|$1|14|3|-4|5|6|7|2G|8|@]|9|@]|A|$]]]|15|$]]

This can be caused for following reasons:
<ol>
<li>You have included the script more than once in the same html file</li>
<li>You have added the event listener twice (eg: using <code>onclick</code> attribute on the element and also with jquery</li>
<li>The event is bubbled up to some parent element. (you may consider using <code>event.stopPropagation</code>).</li>
<li>If you use <code>template inheritance</code> like <code>extends</code> in <code>Django</code>, most probably you have included the script in more than one file which are combined together by <code>include</code> or <code>extend</code> template tags</li>
<li>If you are using <code>Django</code> template, you have wrongly placed a <code>block</code> inside another.</li>
</ol>
So, you should either find them out and remove the duplicate import. It is the best thing to do.
Another solution is to remove all <code>click</code> event listeners first in the script like:
<pre><code>$(&quot;#myId&quot;).off().on(&quot;click&quot;, function(event) {
event.stopPropagation();
});
</code></pre>
You can skip <code>event.stopPropagation();</code> if you are sure that the event is not bubbled.

blocks|key|3611104|text|除非你想让你的按钮成为一个提交按钮，否则就把它写成“删除项目”来解决你的问题。如果您不指定按钮元素的类型，它将默认为submit按钮，从而导致您发现的问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3611105|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|$]]

Unless you want your button to be a submit button, code it as 
 Remove items
That should solve your problem.
If you do not specify the type for a button element, it will default to a submit button, leading to the problem you identified.

blocks|key|3611136|text|与斯泰潘的答案有关。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3611137|在我的例子中，我的.click()侦听器中同时包含了input和label。|offset|length|style|CODE|3611138|我刚刚把label换成了div，它起作用了！|3611139|entityMap^0|0|9|8|Q|5|W|5|0|4|5|C|3|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@$D|N|E|O|F|G]|$D|P|E|Q|F|G]|$D|R|E|S|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|T|8|@$D|U|E|V|F|G]|$D|W|E|X|F|G]]|9|@]|A|$]]|$1|J|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|K|$]]

Related to Stepan's Answer.

in my case, i have both <code>input</code> and <code>label</code> in my <code>.click()</code> listener.

i just replaced the <code>label</code> to <code>div</code>, it worked!

blocks|key|3611192|text|如果您使用的是AngularJS：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3611193|如果您使用的是AngularJS，并且您的jQuery单击事件在控制器中为，则它将受到Angular框架本身的干扰，并触发两次。要解决此问题，请将其从控制器中移出并执行以下操作：|offset|length|style|BOLD|3611194|//+Make+sure+you're+using+$(document),+or+else+it+won't+fire.
$(document).on("click",+"#myTemplateId+#myButtonId",+function+()+{
+++console.log("#myButtonId+is+fired!");
+++//+Do+something+else.
});

angular.module("myModuleName")
+++.controller("myController",+bla+bla+bla)|code-block|syntax|javascript|3611195|entityMap^0|0|11|15|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@$D|Q|E|R|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|S|8|@]|9|@]|A|$K|L]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

<h2>If you're using AngularJS:</h2>
If you're using AngularJS and your jQuery click event is INSIDE THE CONTROLLER, it will get disturbed by the Angular's framework itself and fire twice. To solve this, move it out of the controller and do the following:
<pre><code>// Make sure you're using $(document), or else it won't fire.
$(document).on(&quot;click&quot;, &quot;#myTemplateId #myButtonId&quot;, function () {
 console.log(&quot;#myButtonId is fired!&quot;);
 // Do something else.
});

angular.module(&quot;myModuleName&quot;)
 .controller(&quot;myController&quot;, bla bla bla)
</code></pre>

blocks|key|2204242|text|还有一种可能性：2事件的"isTrusted“值不同。|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|2204243|我刚刚遇到了这个问题。在做了一些调试之后，我发现这两个事件的"isTrusted“值不同。|2204244|2204245|条件：|2204246|我在另一个in的"keydown“事件处理程序中调用了element.click()。在按键之后，element会收到一对事件，其中一个是"isTrusted:true"，另一个是"isTrusted:false“|CODE|2204247|根据MDN+(https://developer.mozilla.org/en-US/docs/Web/API/Event/isTrusted)，isTrusted用于确定事件是用户触发的(True)还是编程触发的(False)。|2204248|2204249|解决方案：|2204250|a.更好地处理双重触发，并在您的用例中按状态阻止第二个事件|2204251|b.选择是用户触发还是编程触发|2204252|c.不要使用click()。将click处理程序设置为函数，并从事件处理程序中直接调用该函数|2204253|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/API/Event/isTrusted^0|8|G|0|0|0|0|R|F|1D|7|0|21|9|7|1S|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|16|8|@$9|17|A|18|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|19|8|@]|D|@]|E|$]]|$1|H|3|-4|5|6|7|1A|8|@]|D|@]|E|$]]|$1|I|3|J|5|6|7|1B|8|@]|D|@]|E|$]]|$1|K|3|L|5|6|7|1C|8|@$9|1D|A|1E|B|M]|$9|1F|A|1G|B|M]]|D|@]|E|$]]|$1|N|3|O|5|6|7|1H|8|@$9|1I|A|1J|B|M]]|D|@$9|1K|A|1L|1|1M]]|E|$]]|$1|P|3|-4|5|6|7|1N|8|@]|D|@]|E|$]]|$1|Q|3|R|5|6|7|1O|8|@]|D|@]|E|$]]|$1|S|3|T|5|6|7|1P|8|@]|D|@]|E|$]]|$1|U|3|V|5|6|7|1Q|8|@]|D|@]|E|$]]|$1|W|3|X|5|6|7|1R|8|@]|D|@]|E|$]]|$1|Y|3|-4|5|6|7|1S|8|@]|D|@]|E|$]]]|Z|$10|$5|11|12|13|E|$14|15]]]]

One more possibility: 2 events are different in &quot;isTrusted&quot; value.
I just ran into this problem.
After doing a little debug, I found that the 2 events are different in &quot;isTrusted&quot; value.
<hr />
Conditions:
I called <code>element.click()</code> in anotherInputBox's &quot;keydown&quot; event handler.
After a keydown, <code>element</code> receive a pair of events, which one is &quot;isTrusted:true&quot;, another is &quot;isTrusted:false&quot;
According to MDN (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Event/isTrusted" rel="nofollow noreferrer">https://developer.mozilla.org/en-US/docs/Web/API/Event/isTrusted</a>), <code>isTrusted</code> is used to determine whether the event is user-triggered(true) or programatically-fired(false).
<hr />
Solutions:
a. Handle double fire better and block the second event by state in your use case
b. Choose whether you want user-triggered or programatically-fired
c. Do not use click(). Make the click handler a function, and both call the function from event handler directly

blocks|key|3611340|text|我遇到了同样的问题，得到了我导师的帮助。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3611341|$('#button_id').click($.debounce(250,+function(e)+{
+++++e.preventDefault();
+++++var+cur+=+$(this);
+++++if+($(cur).hasClass('btn-primary'))+{
++++++++++//do+something
+++++}+else+{
++++++++++//+do+something+else+
+++++}
+}));|code-block|syntax|javascript|3611342|myIssue当按钮被点击时，hasClass会立即显示true，它会立即变为false，而else部分会被执行，这是通过使用debounce修复的|offset|length|style|BOLD|3611343|entityMap^0|0|0|0|7|1R|8|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|@$I|R|J|S|K|L]|$I|T|J|U|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|N|$]]

I was facing the same issue got help from my mentor
<pre><code>$('#button_id').click($.debounce(250, function(e) {
 e.preventDefault();
 var cur = $(this);
 if ($(cur).hasClass('btn-primary')) {
 //do something
 } else {
 // do something else 
 }
 }));
</code></pre>
myIssue when the button was clicked hasClass shows true instantly it become false and else part executed fixed by using debounce

blocks|key|3611358|text|在做一个老项目。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3611359|我发现，当元素中有单选输入时，当单击将选择单选输入时，jQuery单击将被触发twick，因此它是Js|3611360|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

Working on an old project.
I found out that when there is a radio input in the element and when the click will select the radio input, the jQuery click will be triggered twick and so it the Js

I have the following problem with this code:

<pre><code>&lt;button id="delete"&gt;Remove items&lt;/button&gt;

$("#delete").button({
 icons: {
 primary: 'ui-icon-trash'
 }
}).click(function() {
 alert("Clicked");
});
</code></pre>

If I click this button, the alert show up two times. It's not only with this specific button but with every single button I create.

What am I doing wrong?

jQuery Button.click() event is triggered twice

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我对这段代码有以下问题：<button id="delete">Remove items</button>$("#delete").button({ icons: { primary: 'ui-icon-trash' }}).click(function() { aler...

问jQuery Button.click()事件被触发两次
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery Button.click()事件被触发两次EN