javascript - 单击事件后禁用 anchor 链接

Question

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

与表单上的提交帖子按钮的行为非常相同，在提交帖子之前可以将其禁用。

我还没有遇到一个例子，所以希望有人能提供帮助。

我已经在点击事件上尝试了 e.PreventDefault，但这会阻止链接在我不想要的句号上被点击。 (我需要它被点击然后禁用)

示例代码..

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

        // how do i disable the link?

  });
});

HTML 示例..(我正在尝试使用文本“Blah”定位链接

<header class="module module-header">
  <div class="centered">
    <a href="/Open24Redesign/Accounts/Overview/Index" class="logo logo-small">
      <img src="" data-src="" data-src-retina="" alt="logo" style="opacity: 1;">
    </a>
    <nav>
      <ul class="unstyled clearfix">
        <li class="active"><a href="#">blah</a></li>
        <li><a href="">x</a></li>
        <li><a href="">y</a></li>
        <li><a href="">z</a></li>                 
      </ul>
    </nav>
  </div>
</header>

非常感谢

Answer 1

我们将创建一个标志来检查按钮是否被点击，如果被点击我们将禁用它，如果没有则它被点击

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