javascript - Disabling an element from being clicked after it is clicked

Question

I have a button that saves the content that a user edits. I do not want them to hit the save button multiple times because of the load it causes on the server. I want to disable the button after they click on it. Here is what I have attempted(doesn't work, though):

  var active = true;
  $("#save").click(function() {
    if (!active) return;
    active = false;
........
........
........
    active = true;

The problem is that the user can still click on the element multiple times. How can I fix this problem?

Edit: Sorry, I forgot to mention that I want to enable the click after the onclick code has finished executing.

Answer 1

Try this

$("#save").one('click', function() {
    //this function will be called only once even after clicking multiple times
});