只允许在 JQUERY 类中单击一次

2022-01-15 00:00:00 event-handling jquery javascript ajax javascript-events

我有一个链接，可以通过 ajax 加载一些内容.

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');
    }); 
    });

我只想第一次看到OK.如何删除此类?

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

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

这不行……

http://jsfiddle.net/qsn1tuk1/

推荐答案

使用jQuery的one()函数

Use jQuery's one() function

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

http://www.w3schools.com/jquery/event_one.asp

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

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

当使用 one() 方法时，事件处理函数只对每个元素运行一次.

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

相关文章