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进行制作，以便在单击其中一个按钮时将数据禁用设置为false，然后执行以下操作：

将两者的数据禁用设置为“true”
调用一个名为dialog的函数，如下所示：dialog（this）。

我也不希望click to event工作。

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

如何使用数据属性和jQuery使链接可以点击？

2 个答案: