Jquery click function should not call again

Question

I am developing an asp.net app in which I am using Jquery and I want if Jquery click function calls once then it should not be called again until a page load. The click function code is following

  $("#plblAgreeProblem").click(function(){

      var str = {
            problemID: $("#problemID").val(),
            empID : $("#empID").val()
      }

      $.ajax({
                type: "POST",
                url: "<%= Url.Action("AgreeProblem", "Discussion")  %>",
                data: str,

                error: function(msg){
                    alert("error2" + msg);
                },
                success: function (msg) {

                    $("#ptxtDisAgreeProblem").empty();

                    $("#ptxtDisAgreeProblem").text(msg);

                }
            });
        })

Sorry for poor English. Thanks and Regards

possible duplicate of In jQuery, is there any way to only bind a click once? — Felix Kling
– Felix Kling, Commented Feb 6, 2012 at 18:50

gdoron · Accepted Answer · 2012-02-06 18:48:12Z

1

Use jQuery one function:

$("#plblAgreeProblem").one('click', function(){ //...

Description: Attach a handler to an event for the elements. The handler is executed at most once per element.

docs

answered Feb 6, 2012 at 18:48

gdoron

151k59 gold badges302 silver badges376 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

ilivewithian · Accepted Answer · 2012-02-06 18:49:51Z

0

At the top of your clikc handler add this:

$("#plblAgreeProblem").unbind('click');

answered Feb 6, 2012 at 18:49

ilivewithian

19.8k22 gold badges110 silver badges168 bronze badges

Comments

driangle · Accepted Answer · 2012-02-06 18:50:48Z

The other answers are generally correct, but keep in mind when you want to unbind the event. As soon as the user clicks it? or as soon as the ajax response returns successfully?

$("#plblAgreeProblem").click(function() {
    var $this = $(this);
    var str = {
        problemID: $("#problemID").val(),
        empID: $("#empID").val()
    }

    $.ajax({
        type: "POST",
        url: "<%= Url.Action("
        AgreeProblem ", "
        Discussion ")  %>",
        data: str,

        error: function(msg) {
            alert("error2" + msg);
        },
        success: function(msg) {

            $("#ptxtDisAgreeProblem").empty();

            $("#ptxtDisAgreeProblem").text(msg);

            // do this unbind here, after the call has been made successfully.
            $this.unbind('click');

        }
    });


})

Collectives™ on Stack Overflow

Jquery click function should not call again

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related