单击事件后禁用锚链接

我有一个锚链接和需要行为,当用户点击它时我需要它然后禁用,直到页面再次加载,此时它再次重新启用(然后在用户点击时再次禁用,等等).

与表单上的提交帖子按钮完全相同的行为,可以禁用它直到它发布.

我还没有遇到过一个例子,所以希望有人可以提供帮助.

我已经尝试了针对click事件的e.PreventDefault但是这会阻止链接被点击完全停止,这是我不想要的.(我需要点击它然后禁用)

示例代码..

$(function () {
  $('header.div.nav.ul').first().on("click", function (e) {

        // how do i disable the link?

  });
});

HTML示例..(我试图用文本'Blah'来定位链接

非常感谢

我们将创建一个标志来检查按钮是否被点击,然后如果点击它我们将禁用它,如果没有,那么它将被点击

 var clicked = false;
 $('header.div.nav.ul li').first().find('a').on("click", function (e) {
    if(clicked===false){
       clicked=true;
    }else{
       e.preventDefault();
    }
  });