0

我正在使用https://github.com/ehynds/jquery-idle-timeout生成一个 Mint 样式的空闲计时器，它执行对“keep-alive”页面的 Ajax 调用。

我还有一段用于 Ajax 表单提交的 Javascript，它会弹出一条“请稍候”消息，以提醒用户虽然页面没有加载但正在发生活动。

由于某种原因，每次轮询保持活动页面时，toggleAjaxLoader() 函数都会绑定到 ajax:before 和 ajax:complete 事件。我不希望这样，因为这会让用户感到困惑。为什么这会绑定到 idletimeout 和/或我如何深入了解正在发生的事情？

加载动画：

// Toggles our animated ajax loader image
function toggleAjaxLoader() {
  jQuery('#ajax_loader').toggle();
}

空闲超时：

/*
 * Inactivity notifier and auto logout
 */
jQuery(function(){
    var redirectToURL = getAbsoluteUrl('/logout/auto=true'); // URL to relocate the user to once they have timed out
    var keepAlive = getAbsoluteUrl('/keep-alive');

    if (jQuery("#idletimeout").length) {
        $.idleTimeout('#idletimeout', '#idletimeout a', {
            idleAfter: 2700, // 45 minutes
            warningLength: 60, // number of seconds to wait before redirecting the user
            keepAliveURL: keepAlive,
            AJAXTimeout: 2500,
            pollingInterval: 5, // 60
            expiredMessage: 'Your session has expired.  You are being logged out for security reasons.', // message to show user when the countdown reaches 0
            onTimeout: function(){
                $(this).slideUp();
                window.location.replace(redirectToURL);
            },
            onIdle: function(){
                $(this).slideDown(); // show the warning bar
            },
            onCountdown: function( counter ){
                $(this).find("span").html( counter ); // update the counter
            },
            onResume: function(){
                $(this).slideUp(); // hide the warning bar
                // Tums.bump_tums_session(session[:user].session['sessionGuid']);
            }
        });
    };
});
4

1 回答 1

1

我相信我找到了答案，这是由于jQuery 的全局 ajax 事件处理程序，默认情况下设置设置为 true。我将其设置为 false，它似乎按预期工作。

$.ajaxSetup({
   global: false
});
于 2013-09-12T22:18:42.550 回答