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

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 也是一个不错的选择。