javascript – 使用JS或jquery阻止对链接的多次单击

我有一个链接,点击打开一个模态弹出窗口.如果网络连接速度很慢,则需要一段时间才能打开弹出窗口.如果用户超快,他可能会多次点击该链接,并且屏幕上会出现多个弹出窗口.
我想阻止用户多次点击链接.

我在第一次点击时禁用了该链接.但问题是当弹出窗口关闭时,它不会再次启用链接.

如何防止这些多次点击并确保在未显示弹出窗口时启用链接.

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

解决方法:

You can use a flag variable to keep track of whether the link has been already clicked or not, and allow click event callback to execute only if is hasn’t been clicked before.

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

现在你可以更新isClicked = false你做$(“#popup”).hide();