与另一个页面填充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'); 

负载（）有两个双人和单引号。

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

我会建议把你的代码放在jsfiddle中，以便我们看看你是否仍然有问题。

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