jquery ui dialog 怎么加载别的页面? 当点击 一个按钮的时候dialog显示的是其他也面的html代码

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery ui dialog 怎么加载别的页面? 当点击 一个按钮的时候dialog显示的是其他也面的html代码相关的知识,希望对你有一定的参考价值。

可以利用javascript脚本语言实现,示例如下:
1、打开文本编辑器或记事本程序,输入<html><body>以及<head>标签:
<html>
<head></head>
<body></body>
</html>
2、在<head>头标签后输入<script>标签:
<script type="text/javascript">
</script>
3、在<script>标签中定义一个函数duihua()来使网页弹出对话框:
function duihua()

alert("这个窗口是对话框!")

4、然后,再定义一个函数命名为queren(),用来弹出确认框:
function queren()

var se=confirm("请选择点击一个按钮!");
if (se==true)

alert("你按下的是【确认】");

else

alert("你按下的是【取消】");


5、继续定义另一个函数tishi(),用来在网页中弹出提示框。
function tishi()

var t=prompt("请输入您的名字","KING视界")
if (t!=null && t!="")

document.write("精彩MV就在," + t + "!属于你的世界")


6、函数定义好以后,在<body>标签后,建立3个按钮分别用来调用这3个函数执行。
<input type="button" onclick="duihua()" value="点击显示对话框" />
<input type="button" onclick="queren()" value="点击显示确认框" />
<input type="button" onclick="tishi()" value="点击显示提示框" />
7、保存该文件,用ie浏览器打开的,点击对应按钮,即可弹出相应对话框。
参考技术A div中放个iframe追问

具体怎么呢 设置参数说下 刚开始研究ui

追答

你是想对话框里面内容是其他页面的内容是吧
你配 jquery ui dialog 的时候 不是需要一个div的么 那么你试试在这个div中放入一个iframe

本回答被提问者采纳

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

在MVC3中,怎样用jquery.ui.dialog加载一个Register.cshtml页面。就是点击注册的时候,弹出一个注册的框,而不是注册页面

参考技术A 如果想要加载一个新的页面建议改写jquery-dialog,使内部加载一个iframe. 参考技术B 首先要引用几个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的形式展示了你要展示的内容。

本回答被提问者和网友采纳

以上是关于jquery ui dialog 怎么加载别的页面? 当点击 一个按钮的时候dialog显示的是其他也面的html代码的主要内容,如果未能解决你的问题,请参考以下文章

在Iframe中使用jquery ui dialog 怎么使弹出窗口居于浏览器中间

jquery ui dialog怎么向子窗口传值

easy ui dialog 关闭之后的怪异问题

在 jquery 中刷新 ui-Dialog 弹出窗口

在同一个aspx页面中同时使用jqgrid和jquery-ui,ui的dialog弹窗一闪就关闭,如何让弹窗留住?

Jquery UI dialog 弹层被遮住的问题