沒有類的元素上的jquery點擊事件

Question

如何確保這個href元素會觸發「click」事件，除非它沒有「disablelink」類。

不處理：

<a class="iconGear download disablelink" href="#">Download</a> 

過程：

<a class="iconGear download" href="#">Download</a> 

---

嘗試這樣做沒有成功：

$("a.download").not(".disablelink").click(function (e) { 
     alert('in'); 
     e.preventDefault(); 
    }); 

Answer 1

這應該工作：

$("a.download:not('.disablelink')").click(function (e) { 
    alert('in'); 
    e.preventDefault(); 
}); 

如果disablelink類被動態地添加：

$(document).on('click', "a.download:not('.disablelink')", function (e) { 
    alert('in'); 
    e.preventDefault(); 
}); 

檢查此演示：http://jsfiddle.net/d3rXr/1/

Answer 2

$('a.download').click(function(e){ 
    e.preventDefault(); 
    if($(this).hasClass('disablelink')){ 
     return; 
    }else{ 
     //other stuff; 
    } 
}); 

爲什麼不是你檢查什麼時候錨點被點擊了，如果它有類，它返回並且什麼也不做，這將是更可讀的代碼，我猜。

Answer 3

你可以是這樣的：

$("a.download").click(function(e) { 
    if($(this).hasClass("disablelink")) { 
     return false; 
    } 
    // Normal code 
    alert('in'); 
    e.preventDefault(); 
}); 

Answer 4

首先，這可能不起作用，因爲某些環節已經disablelink加入到他們動態的，以後他們已經綁定到這些單擊處理程序。

其次，你應該檢查單擊處理程序內部的類，如下所示：

$("a.download").click(function (e) { 
    if($(this).hasClass('disablelink')){ 
     e.preventDefault(); 
     // link is disabled 
    }else{ 
     alert('in'); 
     // link is active 
    } 
});