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 那么它：

• 将两者的数据禁用设置为“真”
• 像这样调用一个名为 dialog 的函数：dialog(this)。

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

Answer 1

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

Answer 2

这应该有效：

$("a.accessLink").click(function(e){
    e.preventDefault();    
    if($(this).data("disabled") == false) {
        $("a.accessLink").data("disabled", true);
        dialog(this);
    }
});​​