在AJAX样式的jQuery UI选项卡中加载的jQuery UI对话框窗口

没有比那个人更容易的了。试试这个：

&lt；？xml version=“1.0”encoding=“iso-8859-1”？&gt；
&lt；html&gt；
&lt；头&gt；
&lt；脚本src=”http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js“&gt&lt/脚本&gt；
&lt；link rel=“样式表”href=”http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/base/jquery-ui.css“type=“text/css”/&gt；
&lt；脚本src=”http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js“&gt&lt/脚本&gt；
&lt；风格&gt；
.loading{background:url（/img/spinner.gif）中心无重复！重要信息}
&lt/风格&gt；
&lt/头&gt；
&lt；车身&gt；
&lt；a class=“ajax”href=”http://www.google.com“&gt；
作为对话框打开
&lt/a&gt；
&lt；script type=“text/javascript”&gt；
$（函数（）{
$（'a.ajax'）。单击（函数（）{
var url=this.href；
//通过css显示微调器或其他东西
var dialog=$（'&lt；div style=“display:none”class=“loading”&gt；&lt；/div&gt；）。附录（'body'）；
//打开对话框
对话({
//添加关闭侦听器以防止向文档中添加多个div
关闭：功能（事件、用户界面）{
//删除包含所有数据和事件的div
dialog.remove（）；
},
莫代尔：对
});
//加载远程内容
dialog.load(
网址，
{}，//省略此param对象以发出GET请求，而不是POST请求，否则您可能会在对象内提供POST参数
函数（responseText、textStatus、XMLHttpRequest）{
//删除加载类
removeClass（'loading'）；
}
);
//阻止浏览器跟随链接
返回false；
});
});
&lt/脚本&gt；
&lt/车身&gt；
&lt/html&gt；

请注意，您不能从本地加载remote，因此必须将其上载到服务器或其他任何地方。还请注意，您不能从外部域加载，因此您应该替换指向同一域上托管的文档的链接的href（这里是解决方法）

干杯