javascript - 使用 JS 或 jquery 防止多次点击链接

Question

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

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

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

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

Answer 1

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();
});

现在您可以在 $("#popup").hide();

处更新 isClicked = false