如何在本例中用Jquery調用函數？

Question

如何在本示例中使用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); 
});​ 

Answer 1

你需要使用一個名稱創建功能

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); 
});​