在JQUERY课程中只需一次点击即可

本文介绍了在JQUERY课程中只需一次点击即可的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述 我有一个链接将通过ajax加载一些内容。

我的问题是，我不想删除文本加载评论，我只是希望不要让这个班级获得更多点击。

< a href =javascript :; class =showcommentsid ='。$ idf。'>加载注释< / a>

Jquery

var Progressajax = false; $（function（）{ $（。showcomments）。click（function（）{ if（Progressajax）return; Progressajax = true; var element = $（this）; var id = element.attr（id）; Progressajax = false; alert ok）; $（data）.hide（）。prependTo（'。varload'+ id）.fadeIn（1000）; // $（element）.remove（）; $（element）.removeAttr（href）; $（element）.removeClass（'showcomments'）; }）; }）;

我只想第一次看到OK。如何删除这个类？

$（element）.removeClass（'showcomments'）;

这不工作...

jsfiddle/qsn1tuk1/

解决方案

使用jQuery的一（）函数

code> $（。showcomments）。one（click，function（）{

www.w3schools/jquery/event_one.asp

one（）方法为所选元素附加一个或多个事件处理程序，并指定在事件发生时运行的函数。

当使用one（）方法时，事件处理函数只对每个元素运行ONCE。

I have a link that will load via ajax some content.

My problem is, I don't want to remove the text "Load comments", I just want to not allow more clicks in this class.

<a href="javascript:;" class="showcomments" id="'.$idf.'">Load comments</a>

Jquery

var Progressajax = false; $(function() { $(".showcomments").click(function(){ if(Progressajax) return; Progressajax = true; var element = $(this); var id = element.attr("id"); Progressajax = false; alert("ok"); $(data).hide().prependTo('.varload'+id).fadeIn(1000); //$(element).remove(); $(element).removeAttr("href"); $(element).removeClass('showcomments'); }); });

I just want to see OK the first time. How can I remove this class?

$(element).removeClass('showcomments');

This is not working...

jsfiddle/qsn1tuk1/

解决方案

Use jQuery's one() function

$(".showcomments").one("click", function() {

www.w3schools/jquery/event_one.asp

The one() method attaches one or more event handlers for the selected elements, and specifies a function to run when the event occurs.

When using the one() method, the event handler function is only run ONCE for each element.