Javascript 当选项卡失去焦点时，jQuery选项卡将继续加载

我正在尝试创建一个ajax加载jQuery选项卡，如

但是我注意到，在ajax加载开始后，如果我更改了所选选项卡，那么XHR请求将被中止，并在我重新选择ajax选项卡时再次重新启动

即使用户更改了当前选项卡，如何保持选项卡加载？到目前为止，我只能通过以下选项防止每次重新加载：

beforeLoad: function(e, ui) {
    if(ui.panel.data('loaded') || ui.panel.data('loading')) {
        e.preventDefault();
        return;
    }

    ui.panel.data('loading', true);
    setTimeout(function() {
        block_element(ui.panel.css('min-height', 175), I18N('FULLCALENDAR_LOADING'));
    }, 500);

    ui.jqXHR.success(function() {
        ui.panel.data('loading', false);
        ui.panel.data('loaded', true);
    });
    ui.jqXHR.error(function() {
        ui.panel.data('loading', false);
        ui.panel.data('loaded', false);
    });

    // se era specificata una funzione
    if(typeof old === 'function') {
        // la chiamo
        old.call(this, e, ui);
    }
}

---

你能通过创建一个JSFIDLE来共享你的全部代码吗？你能通过创建一个JSFIDLE来共享你的全部代码吗？