blocks|key|895038|text|尝试使用disabled关键字。这样你就不必解除函数的绑定，只需禁止它被按下即可：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|895039|$('.more_comments_link').live('click',+function()+{
++++$(this).attr("disabled",+true);
++++$(".more_comments_link").text("Fetching+More+Comments+...");

++++var+ajaxOpts+=+{
++++++++type:+"get",
++++++++url:+"ajax_getcomments.php",
++++++++dataType:+'json',
++++++++data:+"&itemid=<?+echo+$id;+?>&type=1&owner=<?+echo+$event["data"]["e_creator"];+?>&more=1",
++++++++success:+function(data)+{
++++++++++++$('.discussion-more').after(data);
++++++++++++$(".discussion-more").hide();
++++++++}
++++};

++++$.ajax(ajaxOpts);
++++return+false;
});+|code-block|syntax|javascript|895040|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|$]]

Try using the disabled keyword. This way you don't have to unbind the function, you just disable it from being pressed:

<pre><code>$('.more_comments_link').live('click', function() {
 $(this).attr("disabled", true);
 $(".more_comments_link").text("Fetching More Comments ...");

 var ajaxOpts = {
 type: "get",
 url: "ajax_getcomments.php",
 dataType: 'json',
 data: "&amp;itemid=&lt;? echo $id; ?&gt;&amp;type=1&amp;owner=&lt;? echo $event["data"]["e_creator"]; ?&gt;&amp;more=1",
 success: function(data) {
 $('.discussion-more').after(data);
 $(".discussion-more").hide();
 }
 };

 $.ajax(ajaxOpts);
 return false;
}); 
</code></pre>

blocks|key|678281|text|$('.more_comments_link').live('click',+function(e)+{

++++if($(e.target).data('oneclicked')!='yes')+{

++++++++$(this).text("Fetching+More+Comments+...");

++++++++var+ajaxOpts+=+{
++++++++++++type:+"get",
++++++++++++url:+"ajax_getcomments.php",
++++++++++++dataType:+'json',
++++++++++++data:+"&itemid=<?+echo+$id;+?>&type=1&owner=<?+echo+$event["data"]["e_creator"];+?>&more=1",
++++++++++++success:+function(data)+{
++++++++++++++++$('.discussion-more').after(data);
++++++++++++++++$(".discussion-more").hide();
++++++++++++}
++++++++};

++++++++$.ajax(ajaxOpts);
++++++++return+false;
++++}

++++$(e.target).data('oneclicked','yes');

});+|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|678282|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>$('.more_comments_link').live('click', function(e) {

 if($(e.target).data('oneclicked')!='yes') {

 $(this).text("Fetching More Comments ...");

 var ajaxOpts = {
 type: "get",
 url: "ajax_getcomments.php",
 dataType: 'json',
 data: "&amp;itemid=&lt;? echo $id; ?&gt;&amp;type=1&amp;owner=&lt;? echo $event["data"]["e_creator"]; ?&gt;&amp;more=1",
 success: function(data) {
 $('.discussion-more').after(data);
 $(".discussion-more").hide();
 }
 };

 $.ajax(ajaxOpts);
 return false;
 }

 $(e.target).data('oneclicked','yes');

}); 
</code></pre>

blocks|key|895103|text|根据您的用例，您可能不必使用live，在这种情况下，one将完全执行您希望它做的事情。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|895104|entityMap|0|LINK|mutability|MUTABLE|url|http://api.jquery.com/live|1|http://api.jquery.com/one^0|E|4|0|Q|3|1|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]|$A|R|B|S|1|T]]|C|$]]|$1|D|3|-4|5|6|7|U|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]|L|$5|G|H|I|C|$J|M]]]]

Depending on your use case, you might not have to use <a href="http://api.jquery.com/live" rel="nofollow">live</a>, in which case <a href="http://api.jquery.com/one" rel="nofollow">one</a> would do exactly what you want it to do.

blocks|key|678398|text|对于一个非常简单的解决方案来说，所有这些解决方案都太复杂了；请按照这里的文档使用.one()：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|678399|http://api.jquery.com/one/|offset|length|678400|只需将live更改为one。如下所示：|style|CODE|678401|$('.more_comments_link').one('click',+function()+{|code-block|syntax|javascript|678402|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|Q|0|0|3|4|A|3|0|0^^$0|@$1|2|3|4|5|6|7|V|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|W|8|@]|9|@$D|X|E|Y|1|Z]]|A|$]]|$1|F|3|G|5|6|7|10|8|@$D|11|E|12|H|I]|$D|13|E|14|H|I]]|9|@]|A|$]]|$1|J|3|K|5|L|7|15|8|@]|9|@]|A|$M|N]]|$1|O|3|-4|5|6|7|16|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|C]]]]

All of these solutions are far to complex for a very simple solution; use .one() as per the documentation here:

<a href="http://api.jquery.com/one/">http://api.jquery.com/one/</a>

Simply change <code>live</code> to <code>one</code>. See below:

<pre><code>$('.more_comments_link').one('click', function() {
</code></pre>

blocks|key|895199|text|对我来说，这是可行的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|895200|$('.more_comments_link').live('click',+function()+{

if(e.handled+!==+true)+//+This+will+prevent+event+firing+more+than+one+time
{
++e.handled+=+true;
++//your+code+here...
}

});|code-block|syntax|javascript|895201|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|$]]

For me this worked:

<pre><code>$('.more_comments_link').live('click', function() {

if(e.handled !== true) // This will prevent event firing more than one time
{
 e.handled = true;
 //your code here...
}

});
</code></pre>

blocks|key|895253|text|我的解决方案，工作的所有ajax请求，如果是活动的请求，新的与相同的网址将中止。工作正常。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|895254|var+activeRequests+=+[];

$(document).ajaxComplete(function(e,+jqxhr,+settings)+{
++++var+i+=+activeRequests.indexOf(settings.url);
++++if+(i+!=+-1)+{

++++setTimeout(function(){+activeRequests.splice(activeRequests.indexOf(settings.url),+1);+},+75);

}
});

$(document).ajaxSend(function(e,+jqxhr,+settings)+{
var+i+=+activeRequests.indexOf(settings.url)
if+(i+!=+-1)+{
++++jqxhr.abort();
++++activeRequests.push(settings.url);
}
});|code-block|syntax|javascript|895255|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|$]]

My solution, working global on all ajax request, if is active request, new with the same url will be aborted. Working fine.

<pre><code>var activeRequests = [];

$(document).ajaxComplete(function(e, jqxhr, settings) {
 var i = activeRequests.indexOf(settings.url);
 if (i != -1) {

 setTimeout(function(){ activeRequests.splice(activeRequests.indexOf(settings.url), 1); }, 75);

}
});

$(document).ajaxSend(function(e, jqxhr, settings) {
var i = activeRequests.indexOf(settings.url)
if (i != -1) {
 jqxhr.abort();
 activeRequests.push(settings.url);
}
});
</code></pre>

blocks|key|895267|text|您可以使用：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|895268|$('element').off()|code-block|syntax|javascript|895269|这将禁用您正在侦听的组件的任何事件|895270|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|$]]

You can use:

<pre><code>$('element').off()
</code></pre>

This will disable any event of your component that you are listening

blocks|key|678540|text|您可以使用在网页上单击一个按钮|type|unstyled|depth|inlineStyleRanges|entityRanges|data|678541|+$('button+id+or+classs').one('click',function(){++++
+});|code-block|syntax|javascript|678542|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 use for a single click on a button over the webpage

<pre><code> $('button id or classs').one('click',function(){ 
 });
</code></pre>

I have the following function which fetches more comments beyond the 20 that are shown by default

<pre><code>$('.more_comments_link').live('click', function() {
 $(".more_comments_link").text("Fetching More Comments ...");

 var ajaxOpts = {
 type: "get",
 url: "ajax_getcomments.php",
 dataType: 'json',
 data: "&amp;itemid=&lt;? echo $id; ?&gt;&amp;type=1&amp;owner=&lt;? echo $event["data"]["e_creator"]; ?&gt;&amp;more=1",
 success: function(data) {
 $('.discussion-more').after(data);
 $(".discussion-more").hide();
 }
 };

 $.ajax(ajaxOpts);
 return false;
 }); 
</code></pre>

it works, the only problem is, the user can click the button 3 times really quickly, and it will send 3 requests to ajax_getcomments.php, getting the same result set every time. 

i tried adding 

<pre><code>$(".more_comments_link").unbind('click');
</code></pre>

but it doesn't do anything. 

The initial result set is fetched with jquery also, hence Im using <code>.live(click'</code>

not sure if it has anything to do with why its not working.

Disable jquery function after 1 click, to prevent multiple executions

我有以下函数，可以获取超过默认显示的20个注释的更多注释$('.more_comments_link').live('click', function() {        $(".more_comments_link").text("Fetching More Comments ...");        var a...

问1次点击后关闭jquery函数，防止多次执行
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问1次点击后关闭jquery函数，防止多次执行EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问1次点击后关闭jquery函数，防止多次执行
EN