調用ajax來檢查狀態，然後添加一個css類

Question

我使用jQuery來遍歷事件列表並檢查用戶出席狀態。對event_id使用rel值的簡單ajax調用將導致結果爲「0」或「1」。

如果出席率爲正數（1），那麼我想添加一個.selected類到鏈接。

我的電話似乎工作，我可以在警報帶來的結果，但由於某些原因，當我嘗試未添加類。

這裏是我的HTML：

<a class="icon attend tip" href="#" title="RSVP Your Attendance" rel="59"></a> 

這裏是我的jQuery：

$('a.attend').each(function(index) { 

     $.ajax({ 
      url: '<?php echo site_url('ajax/event_attendance_status') ?>/' + $(this).attr('rel'), 
      success: function(data) {   
      if (data == '1') { 
       $(this).addClass('selected'); 
      }; 
      } 
     }); 

    }); 

Answer 1

當你的回調函數內的功能的情況下從您設置的要求不同。因此，此對象指的是別的東西（在這種情況下，我認爲這是XMLHttpRequest對象。）

這樣做有兩種方式。你可以要麼保存this對象在另一變量中，然後使用該變量來訪問元件，像這樣：

var element = $(this); 
$.ajax({ 
    url: '<?php echo site_url('ajax/event_attendance_status') ?>/' + $(this).attr('rel'), 
    success: function(data) {   
     if (data == '1') { 
      $(element).addClass('selected'); 
     }; 
    } 
}); 

一種替代，坦率地說更好和更完美的解決方案是使用jQuery.proxy方法，以確保回調在正確的上下文中被觸發。

$.ajax({ 
    url: '<?php echo site_url('ajax/event_attendance_status') ?>/' + $(this).attr('rel'), 
    success: jQuery.proxy(function(data) {   
     if (data == '1') { 
      $(this).addClass('selected'); 
     }, this); 
    } 
});