0

我有一个 jQuery 代码，

<script type="text/javascript">
$.idleTimeout('#idletimeout', '#idletimeout a', {
  idleAfter: 3,
  pollingInterval: 2,
  keepAliveURL: 'keepalive.php',
  serverResponseEquals: 'OK',
  onTimeout: function(){
    $(this).slideUp();
    window.location = "timeout.htm";
  },
  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
  }
});
//
</script>

现在，如果我调用它，它会隐藏滑块。

function loadXMLDoc(message)
{
$.get("test1.php?data="+message, function(result){

$('#idletimeout').slideUp(); // hide
    });
}
</script>

有没有办法在loadXMLDoc函数中调用onResume函数（在顶部）？谢谢。

4

1 回答 1

3

查看插件，它将 resume 函数绑定到传入的第二个参数的单击处理程序（在您的情况下为“#idletimeout a”）。如果您想手动重置计时器，您应该可以这样做：

$('#idletimeout a').click();

这将触发onResume向上滑动 div 并重置计时器的功能。

作为参考，我只是看了一下插件的源代码，看看发生了什么。您可以在此处查看相关部分。这是单击 resume 元素（第二个参数）时发生的情况：

// bind continue link
this.resume.bind("click", function(e){
    e.preventDefault();

    win.clearInterval(self.countdown); // stop the countdown
    self.countdownOpen = false; // stop countdown
    self._startTimer(); // start up the timer again
    self._keepAlive( false ); // ping server
    options.onResume.call( self.warning ); // call the resume callback
});

如果您只想直接调用它（并且没有任何重置计时器的内部操作发生），您也可以这样做：

var idlePlugin = $.idleTimeout('#idletimeout', '#idletimeout a', { ...

idlePlugin.options.onResume.call();

但请记住，这不会重置计时器，它只会直接调用 onResume 函数。重置计时器的唯一方法是调用单击处理程序，因为这是定义此功能的地方。

于 2012-05-05T04:31:49.443 回答