Question

我正在尝试显示一个带有另一个页面的模态框，但我似乎无法让它工作。以下是我失败的两次尝试：

$(document).ready(function() {
    $('#shraPop').click(function() {
        var src = "shra-pop.php";
        $.dialog('<iframe src="' + src + '" height="450" width="830" style="border:0">');

        return false;
    });
});

和

$(document).ready(function() {
    $('#shraPop').click(function() {
        var dialog = $('<div></div>').load("http://www.google.com");
        $(dialog).dialog();
        return false;
    });
});

顺便说一句，jQuery对话框正常工作，所以我已经包含了正确的文件。在尝试加载我正在尝试加载的页面时，它将无法正常工作。

非常欢迎任何建议，谢谢！

jsFiddle：http://jsfiddle.net/ZpECL/1/

Answer 1

在您的第二个功能中，您的报价不匹配

var $dialog = $('<div>testing</div>').load("shra-pop.php');

load（）有双引号和单引号。

不确定对话框变量之前是否需要$。

我建议您将代码放在jsfiddle中，以便我们查看您是否还有问题。

此外，如果您想要更多功能，Colorbox是一个很好的选择。

用另一个页面填充jQuery UI模式框/对话框？

1 个答案: