需要在點擊

Question

禁用jQuery的，我有以下的HTML代碼

<div class='login'><a href='#'>Log in</a> to create custom dashboard</div> 

這是我的jQuery代碼

$(".login").click(function() { 
    $(this).children('a').removeAttr("href"); 
    $(this).attr('class','disabledlogin'); 
    .............. 
} 

所以，當我「登錄」鏈接對話框中單擊上出現，我需要禁用「登錄」鏈接。但即使我更改了類屬性，我也可以點擊並打開另一個登錄對話框。問題是什麼？

Answer 1

您可以使用.unbind()來解除綁定事件處理程序。

$(".login").click(function() { 
    $(this).children('a').removeAttr("href"); 
    $(this).attr('class','disabledlogin'); 

    // unbind the click handler. it should no longer fire. 
    $(this).unbind('click'); 
}); 

要恢復，即加回處理程序，你需要處理程序分成功能和使用$(".login").click(onLinkClick);

function onLinkClick() { 
    $(this).children('a').removeAttr("href"); 
    $(this).attr('class','disabledlogin'); 

    // unbind the click handler. it should no longer fire. 
    $(this).unbind('click'); 
} 

// call this initially for binding first time 
// call this whenever you need to revert 
$(".login").click(onLinkClick); 

Answer 2

用在需要的時候將其綁定@techfoobar建議：

$(".login").click(function() { 
    $(this).children('a').removeAttr("href"); 
    $(this).attr('class','disabledlogin'); 

    // unbind the click handler. it should no longer fire. 
    $(this).unbind('click'); 
}