在變量中包裝jQuery ajax調用，所以我可以在需要時setTimeout和clearTimeout？

Question

有沒有一種方法可以將jQuery ajax調用放入一個變量中，以便我可以爲特定事件創建setTimeout，併爲特定事件創建clearTimeout？例如，如果這使得任何意義是這樣的：

var testEvent = function(){ $(this).load("info.php"); }; 

在特定事件

setTimeout("testEvent()",3000); 

在另一個特定事件

clearTimeout("testEvent()"); 

Answer 1

如何約上幾個漂亮的插件功能，這樣的伎倆？

$.fn.loadLater = function (url, time) { 
    var me = this; 
    this.data('load-later-timer', setTimeout(function() { 
     me.load(url); 
    }, time)); 
}; 

$.fn.dontLoadLater = function() { 
    var timer = this.data('load-later-timer'); 
    if (timer != null) clearTimeout(timer); 
}; 

使用像這樣：

// Start timer 
$(this).loadLater('info.php', 3000); 

// Stop timer 
$(this).dontLoadLater(); 

Answer 2

這絕對是有道理的，只是做像這樣：

var id = setTimeout(function() {testEvent()}, 3000); 

clearTimeout(id); 

確保兩個事件處理程序都可以訪問id。

編輯：我監督你是指在testEvent內this。假設this是你使用jQuery查找某個節點，代碼可能看起來像這樣：

var id = setTimeout(function() { 
    $('.your-selector').each(testEvent); 
}, 3000);