中止Ajax請求的其他功能

Question

我想中止Ajax請求是在其他功能 舉例：

var xhr = false; 
$(function(e) { 
    $(document).on('click', '.menue-button', function(e) { 
     // Some JS 
     xhr = $.ajax({ 
      type: "POST", 
      url: index.php, 
      //The ajax functions 
      }); 
     }); 
}); 

$(document).on('click', '#progress-abort', function() {   
    xhr.abort(); 
}); 

調試器說：

Uncaught TypeError: Cannot read property 'abort' of undefined

我知道爲什麼，但我不知道如何解決這個問題

Answer 1

它嘗試了以下內容：

var xhr = false; 
$(function(e) { 
$(document).on('click', '.menue-button', function(e) { 
    // Some JS 
    xhr = $.ajax({ 
     type: "POST", 
     url: index.php, 
     //The ajax functions 
     }); 
    $(document).on('click', '#progress-abort1', function() { 
    xhr.abort(); 
    }); 

    $(document).on('click', '#progress-abort', function() {   
     $('#progress-abort1').trigger('click'); 
    }); 
}); 

但'#progress-abort1不觸發。怎麼了？