CODEWITHSUNDEEP
javascriptjquery
sirineBEJI
sirineBEJI

Reputation: 1220

How to make a jQuery event only once?

When I click on "DELETE", the function deleting() is called. How can I prepend only once, even if I click on DELETE many times? I want it to happen just the first time I click.

function deleting() {
  $(".checking").prepend("<input type='checkbox' name='idcheckbox'>");
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="javascript:deleting()">DELETE</a>
<div class="checking"></div>

Upvotes: 0

Views: 691

Answers (2)

Kamil Myśliwiec
Kamil Myśliwiec

Reputation: 9168

If you don't want to use jQuery again, you could create a global "flag" variable, like this:

   var flag = false;
   function deleting() {
      if(flag)
         return false;

      $(".checking").prepend("<input type='checkbox' name='idcheckbox'>");
      flag = true;
      return true;
  }

But it is not recommended, because you will always have not necessary listener.

Upvotes: 1

gaetanoM
gaetanoM

Reputation: 42044

You may use jQuery one in order to: Attach a handler to an event for the elements. The handler is executed at most once per element per event type.

You may attach the event dynamically and not inline:

    $(function () {
        $('a').one('click', function(e) {
            e.preventDefault();
            $(".checking").prepend("<input type='checkbox' name='idcheckbox'>");
        })
    });

And you html could be like:

<form>
 <a href="">DELETE</a>
</form>

Upvotes: 0

Related Questions