如何用jquery.ui.dialog加载页面

发布网友 发布时间：2022-04-20 08:55

我来回答

共2个回答

热心网友 时间：2022-04-20 22:47

如果想要加载一个新的页面建议改写jquery-dialog，使内部加载一个iframe.

热心网友 时间：2022-04-21 00:05

首先要引用几个js和css:
<script src="../../Scripts/jquery-1.5.1.min.js" type="text/javascript"></script>
<script src="../../Scripts/jquery.ui.min.js" type="text/javascript"></script>
<link href="../../Script/jquery.ui.all.css" rel="stylesheet" type="text/css" />

然后在页面初始化的时候：
$(function(){
$("#div_ID").dialog({
title: "dialog标题",
autoOpen: false,
width: 950,
height: 570,
resizable: false,
modal: true
});
)};
最后注册一个js的click方法
function click_OpenDlg(){
$("#div_ID").dialog("open");
}
这样就OK啦。追问jQuery (document).ready(function ($){
$('#login').bind('click', function() {
$.get(this.href, function (data, textStatus, object) {
$(object.responseText).dialog({
这是我写的js 但是弹出来的内容不是注册的页面 而是主页Index的页面内容，这是怎么回事呢？

追答这个和Ajax请求有关系吗，干嘛要搞个Ajax请求呢！不懂！！你如果真的要用dialog，可以直接将你要展现的内容放在id="div_ID"的这个div里面，
然后
$('#login').bind('click', function() {
$("#div_ID").dialog("open");
)};这样就行了啊。你要展示的内容是在id="div_ID"里面的，这个以dialog的形式展示了你要展示的内容。