Preventing multiple clicks on a link using JS or jquery

Question

I have a link that, when clicked, opens a modal popup. If the network connection is slow, it takes some time to open a popup window. And if the user is very fast, he can click the link several times, and several pop-up windows will appear on the screen. I want the user to click the link several times.

I disabled the link on the first click. but the problem is that the popup is closed, it does not activate the link yet.

How to prevent these multiple clicks and make sure that when the popup does not appear, the link is enabled.

$('#link').click(function() {
    $(this).attr("disabled", "disabled");
    $("#popup").show();
});

Answer 1

, , , callback callback , .

var isClicked;   
$('#link').click(function() {
   if(isClicked){
     return false;
   }
   isClicked = true; 
   $("#popup").show();
});

isClicked = false, $("#popup").hide();

Answer 2

, : , show(), script .

, :

$('#link').click(function() {
    $(this).attr("disabled", "disabled");
    $("#popup").show();
});

to

$('#link').click(function() {
    var $temp = $(this);
    $(this).prop("disabled", true);
    $("#popup").show(function(){
         $temp.prop("disabled", false);
    );
});

(. JQuery?, prop attr

Answer 3

. :

$( "#popup" ).hide( "slow", function() {
    $("#link").removeAttr('disabled');
  });

Answer 4

You can just use setTimeout. Run the function to disable the button after pressing it, and call the timeout to re-enable it after a while.