JQuery UI的问题。
时间:2010-01-05
来源:互联网
在UI的【dialog】弹出一个窗口(这已在案例里弄起来了。)。我想在上面弄一个下一步。几点后。关闭这个窗口。弹出另一窗口。怎么弄。大家知道吗?
<script type="text/javascript">
$(function(){
// Dialog
$('#dialog').dialog({
autoOpen: false,
draggable:false,
modal:true,
resizable:false,
width: 600,
buttons: {
"确定": function() {
//$(this).dialog("close");
alert("测试的");
},
"关闭": function() {
$(this).dialog("close");
} ,
"下一步": function() {
//$(this).dialog("close");
$('#dialog1').dialog('open');
return false;
}
}
});
// Dialog Link
$('#dialog_link').click(function(){
$('#dialog').dialog('open');
return false;
});
});
</script>
<p><a href="#" id="dialog_link" class="ui-state-default ui-corner-all">Open Dialog</a></p>
<div id="dialog" title="第一步">
<p>L<img name="" src="" width="100" height="100" alt="" />orem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
</div>
<div id="dialog1" title="第二步">
<p>爱上的浪费空间啊是的浪费空间啊是老地方爱上了打开房间按时打开房间爱上了打开房间按时打发阿拉山口的风景; </p>
</div>
<script type="text/javascript">
$(function(){
// Dialog
$('#dialog').dialog({
autoOpen: false,
draggable:false,
modal:true,
resizable:false,
width: 600,
buttons: {
"确定": function() {
//$(this).dialog("close");
alert("测试的");
},
"关闭": function() {
$(this).dialog("close");
} ,
"下一步": function() {
//$(this).dialog("close");
$('#dialog1').dialog('open');
return false;
}
}
});
// Dialog Link
$('#dialog_link').click(function(){
$('#dialog').dialog('open');
return false;
});
});
</script>
<p><a href="#" id="dialog_link" class="ui-state-default ui-corner-all">Open Dialog</a></p>
<div id="dialog" title="第一步">
<p>L<img name="" src="" width="100" height="100" alt="" />orem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
</div>
<div id="dialog1" title="第二步">
<p>爱上的浪费空间啊是的浪费空间啊是老地方爱上了打开房间按时打开房间爱上了打开房间按时打发阿拉山口的风景; </p>
</div>
作者: zhouzeng 发布时间: 2010-01-05
自己顶顶
作者: zhouzeng 发布时间: 2010-01-05
自己解决了。

作者: zhouzeng 发布时间: 2010-01-05
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28