防止使用JS或jquery多次单击链接

Question

我有一个链接，单击该链接会打开模式弹出窗口。如果网络连接缓慢，则需要一些时间才能打开弹出窗口。如果用户超快，他可能会多次单击该链接，并且它们是屏幕上出现的多个弹出窗口。我想防止用户多次单击链接。

我在第一次点击时禁用了链接。但是问题是当弹出窗口关闭时，它没有再次启用链接。

我如何防止这些多次单击并确保当未显示弹出窗口时，已启用链接。

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

Answer 1

您可以使用标志变量来跟踪链接是否已被单击，并且仅在之前未单击链接时才允许执行单击事件回调。

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

现在您可以更新isClicked = false您的工作地点$("#popup").hide();