多錨標籤有一個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'); 
    });