在本例中,如何使用Jquery调用函数

How to recall a function with Jquery in this example?

本文关键字:何使用 Jquery 调用 函数      更新时间:2023-09-26

如何调用函数并使用在本例中,当使用Jquery单击"取消"按钮时,对话框是否一直返回?我相信这很容易,但仍在学习一些基础知识。感谢

function definitelyClose() {
    window.location = 'http://www.google.com'
};
var autoCloseTimer;
var timeoutObject;
var timePeriod = 5000;
var warnPeriod = 10000;
$(document).ready(function() {
    $('#proba').dialog({
        autoOpen: false
    });
    setTimeout(function() {
        $('#proba').attr('title', 'Warning').text('Sesion will expire').dialog('open');
        $('#proba').dialog({
            buttons: {
                'Cancel': function() {
                    $(this).dialog('close');
                    clearTimeout(autoCloseTimer);
                }
            }
        });
        autoCloseTimer = setTimeout('definitelyClose()', warnPeriod);
    }, timePeriod);
});​

您需要创建一个名为的函数

  1. 显示初始警告和
  2. 以在单击取消按钮时调用

所以你会得到这样的东西:

$(document).ready(function() {
  var autoCloseTimer;
  var timePeriod = 5000;
  var warnPeriod = 10000;
  function definitelyClose() {
    window.location = 'http://www.google.com'
  };
  // You need a function with a name
  function showWarning() {
    $('#proba').attr('title', 'Warning')
               .text('Sesion will expire')
               .dialog('open');
    $('#proba').dialog({
      buttons: {
        'Cancel': function() {
          $(this).dialog('close');
          clearTimeout(autoCloseTimer);
          // Now you can recall the function
          setTimeout(showWarning, timePeriod);
        }
      }
    });
    autoCloseTimer = setTimeout(definitelyClose, warnPeriod);
  }
  $('#proba').dialog({ autoOpen: false });
  setTimeout(showWarning, timePeriod);
});​