多锚标签有一个click事件给每个

Question

我创建锚标记<a>通过动态<li>标签包围，所有被附加到<ul>。然后每个锚标签Ajax请求的单击事件到控制器做出一些数据是从它那里得到。现在我希望每个锚标签都被点击一次，如果任何锚点标签被点击两次比它应该被禁用或不点击，以便Ajax调用不会再次现在问题是我如何检查标签的点击计数锚点<a>。

我的HTML代码是在这里：

<ul class="nav nav-pills"> 

</ul> 

和文字部分：

for (var c in data.categoryTypes) 
{                         
    $('< a/>').attr('href','#'+data.ABC[c]).attr('data-toggle', "pill").text (data.ABC[c]).wrap('< li id='+c+'/>').parent().appendTo('.nav.nav-pills'); 
} 

Click事件是在这里：

$('ul').on('click', 'li', function (e) 
{ 
    var categoryValue = $(this).text(); 
    alert(categoryValue); 
    e.preventDefault(); 
}); 

Answer 1

您可以在点击后添加一个类像禁用链接并在ajax调用后删除课程

$('ul').on('click', 'li:not("disabled")', function (e) 
{ 
     $(this).addClass('disabled'); //add the class 
     var categoryValue = $(this).text(); 
     alert(categoryValue); 
     e.preventDefault(); 
     //do a ajax call, In ajax success remove the class disabled. 
      $(this).removeClass('disabled'); 
    });