只允许在 JQUERY 类中单击一次

Allow just one click in class JQUERY(只允许在 JQUERY 类中单击一次)
本文介绍了只允许在 JQUERY 类中单击一次的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着跟版网的小编来一起学习吧!

问题描述

我有一个链接,可以通过 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.

这篇关于只允许在 JQUERY 类中单击一次的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持跟版网!

本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益,请联系我们,我们会在确认后第一时间进行删除!

相关文档推荐

SCRIPT5: Access is denied in IE9 on xmlhttprequest(SCRIPT5:在 IE9 中对 xmlhttprequest 的访问被拒绝)
XMLHttpRequest module not defined/found(XMLHttpRequest 模块未定义/未找到)
Show a progress bar for downloading files using XHR2/AJAX(显示使用 XHR2/AJAX 下载文件的进度条)
How can I open a JSON file in JavaScript without jQuery?(如何在没有 jQuery 的情况下在 JavaScript 中打开 JSON 文件?)
How do I get the HTTP status code with jQuery?(如何使用 jQuery 获取 HTTP 状态码?)
quot;Origin null is not allowed by Access-Control-Allow-Originquot; in Chrome. Why?(“Access-Control-Allow-Origin 不允许 Origin null在铬.为什么?)