jquery - 在其他函数中中止 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不会触发。怎么了？