Question

我知道如何打开jquery对话框，但是下面的代码有什么问题，请建议。

这里是小提琴链接，

<a href="#" class="dialogLink">Open Dialog</a>

<div id="popId"></div>

Answer 1

为什么您的对话在load电话中？

这没有必要，而且你没有定义dialogTitle会在初始化时抛出错误。

试试这个

jQuery(document).ready(function () {
    $('.dialogLink').live('click', function () {
        $("#popId").dialog({
            modal: true,
            resizable: false,
            title: '', // Set this to an actual variable or string
            minWidth: 800,
            minHeight: 300,
            closeOnEscape: false,
            buttons: {
                "Cancel": function () {
                    $(this).dialog('close');
                }
            }
        });
    });
});

Answer 2

要详细说明上一个答案，您无需调用加载方法
一点都不相反，您将需要使用$（“＃popId”）调用.dialog方法选择器而不是$（this）。

这是一个有效的例子：

jQuery(document).ready(function () {
$('.dialogLink').live('click', function () {
    $("#popId").dialog({
        modal: true,
        resizable: false,
        title: "This is my test title",
        minWidth: 800,
        minHeight: 300,
        closeOnEscape: false,
        buttons: {
            "Cancel": function () {
                $(this).dialog('close');
            }
        }
    });
});
});

为什么jquery对话框不能用于下面的代码？

2 个答案: