Question

我想更改jQuery UI对话框警报消息以使用Fancybox 2显示。但是，我无法弄清楚如何执行此操作。请指教。

这是执行一些验证的原始脚本

$(document).ready(function () {
                            $('#Continue').click(function () {
                                //terms of services
                                var pi = document.getElementById("term").innerHTML;
                                var termOfServiceOk = true;
                                if (pi == "True") {

                                    if (!$('#termsofservice').is(':checked')) {
                                        $("#terms-of-service-warning-box").dialog();
                                        termOfServiceOk = false;
                                    }
                                    else {
                                        ConfirmOrder.save()
                                    }
                                }
                                else {
                                    ConfirmOrder.save()
                                }

                            });
                        });

请告知我如何挂钩Fancybox 2以在对话框中显示内联内容。

由于

Answer 1

如果要在fancybox中显示#terms-of-service-warning-box内容，请替换

$("#terms-of-service-warning-box").dialog();

通过

$.fancybox("#terms-of-service-warning-box");

喜欢在：

....
if (pi == "True") {
    if (!$('#termsofservice').is(':checked')) {
        //$("#terms-of-service-warning-box").dialog();
        $.fancybox("#terms-of-service-warning-box");
        termOfServiceOk = false;
    } else {
....

假设您已正确加载fancybox js和css文件。

将jQuery UI对话框更改为Fancybox

1 个答案: