禁用所有可点击的链接，一旦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")