jquery - 禁用 Mvc3 超链接

Question

我正在尝试使用 jquery-1.5.1 禁用按钮操作链接，但似乎没有任何效果。我已经分别尝试了以下代码行。

$('#btnSave').fadeTo("fast", .5).removeAttr("href");
 $('#btnSave').bind('click', false)

我的目标是在单击后禁用该按钮，以便用户在将页面发布到服务器时不会再次单击它。请帮忙。

Answer 1

使用unbind()代替bind()：

$('#btnSave').fadeTo("fast", .5).removeAttr("href");
$('#btnSave').unbind('click', false)

Answer 2

您可以在事件选择器对象中使用 JavaScript 来阻止超链接的默认操作：

$('#btnSave').click(function(e){
    e.preventDefault();
})

Answer 3

使用one而不是.bind

$("#btnSave").one("click",function(e){
 e.preventDefault();
 //your code
 location.href=$(this).attr("href");
 $(this).attr("href","");

});