javascript - 最初のクリックのみで Ajax をトリガーする

Question

最初のクリックでのみ ajax を呼び出して、データが膨大な帯域幅を節約したいと考えています。以下は私のコードです

$('.id-list').click(function() {
$.ajax({
    type: "POST",
    url: "timesheet.php?action=idlist",
    async: false,
    success: function(rdata) {
             $('.id-list').removeClass('id-list') //remove the class
    }
})      
})

要素の検査class="id-list"は削除されましたが、もう一度クリックすると、発生したくない ajax 呼び出しが再びトリガーされます。

これを実装する方法はありますか？ありがとう。

Answer 1

また

API .one: http://api.jquery.com/one/

要素のイベントにハンドラーをアタッチします。ハンドラは要素ごとに最大 1 回実行されます。

   $('.id-list').one('click', function() {
    $.ajax({
    type: "POST",
    url: "timesheet.php?action=idlist",
    async: false,
    success: function(rdata) {
             $('.id-list').removeClass('id-list') //remove the class
    }
})      
})

Answer 2

http://api.jquery.com/one/

説明:要素のイベントにハンドラーをアタッチします。ハンドラは要素ごとに最大 1 回実行されます。

$('.id-list').one("click",function() {
  $.ajax({
    type: "POST",
    url: "timesheet.php?action=idlist",
    async: false,
    success: function(rdata) {
             $('.id-list').removeClass('id-list') //remove the class
    }
  })      
})

Answer 3

http://api.jquery.com/live/

$('.id-list').live("click", function(){
$.ajax({
    type: "POST",
    url: "timesheet.php?action=idlist",
    async: false,
    success: function(rdata) {
         $('.id-list').removeClass('id-list') //remove the class
    }
})
});