这个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');
        });
});

要使示例正常工作，您需要一个id为“RegisterDialogDiv”的div和一个id为“RegisterButton”的按钮。 当然，不要忘记包含您需要的js脚本文件，然后进行设置。

Answer 3

如果通过“跳转”窗口表示弹出的模态对话框，可以使用jquery ui对话框插件来实现。