如何使用數據屬性和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使它這樣，如果一個按鈕被點擊，如果數據禁用設置爲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); 
    } 
}); 

Answer 2

這應該工作：

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