這個Jquery函數如何調用[跳轉窗口]？

Question

前往網站：http://en.heroes.gpotato.eu/然後點擊註冊。什麼是jQuery的功能或插件，使這個跳躍窗口？謝謝。

Answer 1

jQuery UI dialog。

Answer 2

這可以用jQueryUI的框架，在下載jQuery的站點來完成 - http://jqueryui.com

然後，所有你需要做的，就是在屏幕上創建一個隱藏的div，這將是對話。將其初始化爲對話框，然後將打開的對話框事件附加到所需按鈕的click（）事件。

像這樣：

$(document).ready(function() { 
     $('#RegisterDialogDiv').dialog({ 
      autoOpen: false, 
      modal: true, 
      title: "User Registration", 
      buttons: { 
       'Close': function() { 
        $(this).dialog('close'); 
       }, 
       'Register': function() { 
        RegisterUser(); 
       } 
      } 
     }); 

     $('#RegisterButton').click(function() { 
      $('#RegisterDialogDiv').dialog('open'); 
     }); 
}); 

爲使本示例工作，你需要有「RegisterDialogDiv」的ID的DIV，並與「RegisterButton」的ID的按鈕。 當然，不要忘記包含你需要的js腳本文件，並且你已經設置好了。

Answer 3

如果通過「跳轉」窗口指出彈出的模式對話框，可以通過使用jquery ui對話框插件來實現。