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

我有我的页面上有两个按钮：如何使用数据属性和jQuery使链接可点击或不可用？

 <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）。

我也不希望点击事件工作。

来源

2012-09-27 Alan2

你什么意思通过做“*设置数据禁用两者为‘true’*”和“*我也不想的点击事件上班。*”？ – Blender

你的jquery在哪里？?? – Gautam3164

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

来源

2012-09-27 04:28:26 xdazz

我可以将数据属性设置为true/false吗？我问了另一个问题，回答的人说只能设置一个字符串？ – Alan2

@Gemma是的，如果你想设置属性，你需要使用'.attr'方法。 – xdazz

但我怎么能在我的HTML中做到这一点。我可以说data-disabled = false？ – Alan2

这应该工作：

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

来源

2012-09-27 04:30:03

我可以将数据属性设置为true/false吗？我问了另一个问题，回答的人说只能设置一个字符串？ – Alan2

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

回答

相关问题