javascript - 如何使用数据属性和 jQuery 使链接可点击或不可点击？

Question

我的页面上有两个按钮:

     <a class="button accessLink"
        id="loginLink"
        data-disabled="false"
        data-href="/MyAccount/Access/Login"
        title="Login">Login</a>

     <a class="button accessLink"
        id="registerLink"
        data-disabled="false"
        data-href="/MyAccount/Access/Register"
        title="Register">Register</a>

我如何使用 jQuery 来实现这一点，以便如果单击其中一个按钮并且 data-disabled 设置为 false 则它:

• 将两者的数据禁用设置为“true”
• 调用一个名为dialog的函数，如下所示:dialog(this)。

我也不希望点击事件起作用。

Answer 1

$('a[data-disabled]').click(function(e) {
  if (!$(this).data('disabled')) {
    e.preventDefault();
    $(this).attr('data-disabled', 'true');
    dialog(this);
  }
});