禁用所有可點擊的鏈接，一旦1個鏈接被點擊jQuery中

Question

我有一組鏈接：

<div id="dd" class="mywrap-dropdown-2" tabindex="2">Select 
    <ul class="dropdowner" id="coll-filter"> 
     <li><a href="#">Black</a></li> 
     <li><a href="#">White</li> 
     <li><a href="#">Blue</li> 
    </ul> 
</div> 

如果點擊鏈接「白」，然後我的鏈接「黑」，「藍」將不再是點擊。

這是我有，但不工作：

$('.dropdowner').on('click', 'li', function(e) { 
    e.preventDefault(); 
    $(".dropdowner li a").not(this).removeAttr("href") 
}); 

Answer 1

unbind()取消綁定所有與該類

$('.dropdowner').on('click', 'a', function(e) { 
    e.preventDefault(); 
    if ($(this).text().indexOf('White') > -1) { 
     alert('Clicked Link with White..') 
     $('.dropdowner a').not(this).unbind(); 
    } else { 
     alert('Other Links Cliked'); 
    } 
});​ 

相關聯的單擊事件試試這個。這將刪除單擊事件點擊鏈接與黑色鏈接時的其他鏈接。

CHECK FIDDLE

Answer 2

您的標記是inavlid，您有未關閉的錨鏈接：

<li><a href="#">White </li> 
<li><a href="#">Blue </li> 

注意，在你的代碼this指li元素沒有錨鏈接，你應該選擇錨鏈接，而不是li元素。

$('.dropdowner').on('click', 'a', function(e) { 

或：

$(".dropdowner li").not(this).find('a').removeAttr("href")