jQuery UI Dialog 创建友好的弹出对话框实现代码
jQuery UI Dialog常用的参数有：
1、autoOpen：默认true，即dialog方法创建就显示对话框
2、buttons：默认无，用于设置显示的按钮，可以是JSON和Array形式:
{&确定&:function(){},&取消&:function(){}}
[{text:&确定&, click: function(){}},{text:&取消&,click:function(){}}]
3、modal：默认false，是否模态对话框，如果设置为true则会创建一个遮罩层把页面其他元素遮住
4、title：标题
5、draggable：是否可手动，默认true
6、resizable：是否可调整大小，默认true
7、width：宽度，默认300
8、height：高度，默认&auto&
其他一些不太常用的参数：
1、closeOnEscape：默认true，按esc键关闭对话框
2、show：打开对话框的动画效果
3、hide：关闭对话框的动画效果
4、position：对话框显示的位置，默认&center&，可以设置成字符串或数组：
'center', 'left', 'right', 'top', 'bottom'
['right','top']，通过上面的几个字符串组合(x,y)
[350,100]，绝对的数值(x,y)
5、minWidth：默认150，最小宽度
6、minHeight：默认150，最小高度
使用方法：
. 代码如下:
$(&...&).dialog({
title: &标题&,
//...更多参数
jQuery UI Dialog提供了一些方法来控制对话框，仅列出常用的：
open：打开对话框
close：关闭对话框（通过close不会销毁，还能继续使用）
destroy：销毁对话框
option：设置参数，即前面列出的参数
使用的时候作为dialog方法的参数：
. 代码如下:
var dlg = $(&...&).dialog({
//...各种参数
dlg.dialog(&option&, { title: &标题& }); // 设置参数
dlg.dialog(&open&); // 使用open方法打开对话框
jQuery UI Dialog提供了一些事件，比如打开、关闭对话框的时候做一些额外的事情：
open：打开时
close：关闭时
create：创建时
resize：调整大小时
drag：拖动时
使用方法同参数的使用方法，比如在打开时隐藏关闭按钮：
. 代码如下:
$(&...&).dialog({
//...各种参数
open: function(event, ui) {
$(&.ui-dialog-titlebar-close&, $(this).parent()).hide();
以下封装了一些常用的提示信息，不再详细解释：
. 代码如下:
jQuery.extend(jQuery, {
// jQuery UI alert弹出提示
jqalert: function(text, title, fn) {
var html =
'&p class=&dialog& id=&dialog-message&&' +
' &p&' +
' &span class=&ui-icon ui-icon-circle-check& style=&float: margin: 0 7px 0 0;&&&/span&' + text +
' &/p&' +
'&/p&';
return $(html).dialog({
//autoOpen: false,
resizable: false,
modal: true,
effect: 'fade',
duration: 300
title: title || &提示信息&,
buttons: {
&确定&: function() {
var dlg = $(this).dialog(&close&);
fn && fn.call(dlg);
// jQuery UI alert弹出提示,一定间隔之后自动关闭
jqtimeralert: function(text, title, fn, timerMax) {
var dd = $(
'&p class=&dialog& id=&dialog-message&&' +
' &p&' +
' &span class=&ui-icon ui-icon-circle-check& style=&float: margin: 0 7px 0 0;&&&/span&' + text +
' &/p&' +
'&/p&');
dd[0].timerMax = timerMax || 3;
return dd.dialog({
//autoOpen: false,
resizable: false,
modal: true,
effect: 'fade',
duration: 300
open: function(e, ui) {
var me = this,
dlg = $(this),
btn = dlg.parent().find(&.ui-button-text&).text(&确定(& + me.timerMax + &)&);
--me.timerM
me.timer = window.setInterval(function() {
btn.text(&确定(& + me.timerMax + &)&);
if (me.timerMax-- &= 0) {
dlg.dialog(&close&);
fn && fn.call(dlg);
window.clearInterval(me.timer); // 时间到了清除计时器
title: title || &提示信息&,
buttons: {
&确定&: function() {
var dlg = $(this).dialog(&close&);
fn && fn.call(dlg);
window.clearInterval(this.timer); // 清除计时器
close: function() {
window.clearInterval(this.timer); // 清除计时器
// jQuery UI confirm弹出确认提示
jqconfirm: function(text, title, fn1, fn2) {
var html =
'&p class=&dialog& id=&dialog-confirm&&' +
' &p&' +
' &span class=&ui-icon ui-icon-alert& style=&float: margin: 0 7px 20px 0;&&&/span&' + text +
' &/p&' +
'&/p&';
return $(html).dialog({
//autoOpen: false,
resizable: false,
modal: true,
effect: 'fade',
duration: 300
title: title || &提示信息&,
buttons: {
&确定&: function() {
var dlg = $(this).dialog(&close&);
fn1 && fn1.call(dlg, true);
&取消&: function() {
var dlg = $(this).dialog(&close&);
fn2 && fn2(dlg, false);
// jQuery UI 弹出iframe窗口
jqopen: function(url, options) {
var html =
'&p class=&dialog& id=&dialog-window& title=&提示信息&&' +
' &iframe src=&' + url + '& frameBorder=&0& style=&border: 0; & scrolling=&auto& width=&100%& height=&100%&&&/iframe&' +
'&/p&';
return $(html).dialog($.extend({
modal: true,
closeOnEscape: false,
draggable: false,
resizable: false,
close: function(event, ui) {
$(this).dialog(&destroy&); // 关闭时销毁
}, options));
// jQuery UI confirm提示
confirm: function(evt, text, title) {
evt = $.event.fix(evt);
var me = evt.
if (me.confirmResult) {
me.confirmResult =
jQuery.jqconfirm(text, title, function(e) {
me.confirmResult =
if (me.href && $.trim(me.href).indexOf(&javascript：&) == 0) {
$.globalEval(me.href);
me.confirmResult =
var t = me.type && me.type.toLowerCase();
if (t && me.name && (t == &image& || t == &submit& || t == &button&)) {
__doPostBack(me.name, &&);
me.confirmResult =
if (me.click) me.click(evt);
以上代码还存在一个问题，就是每次弹出框关闭之后都没有销毁。
解决办法有（具体不演示）：
在close事件里面destroy
把alert/confirm提供里的dialog实例设置成静态的
在外部调用使用单个dialog实例
html代码如下：
. 代码如下:
&input type=&button& id=&button1& value=&普通提示& /&
&input type=&button& id=&button2& value=&自动关闭提示& /&
&input type=&button& id=&button3& value=&确认提示& /&
&input type=&button& id=&button4& value=&确认提示2& /&
&input type=&button& id=&button5& value=&打开窗口& /&
相应js代码如下：
. 代码如下:
$(function() {
$(&#button1&).click(function() {
$.jqalert(&这是普通提示！&);
$(&#button2&).click(function() {
$.jqtimeralert(&这是自动关闭的提示！&, &自动关闭提示&,
function() {
$.jqalert(&时间到&);
$(&#button3&).click(function() {
$.jqconfirm(&确定要这么做吗？&, &确认提示&,
function() {
$.jqalert(&点了确定&);
function() {
$.jqalert(&点了取消&);
$(&#button4&).click(function(e) {
if ($.confirm(e, &确定要这么做吗？&))
$.jqalert(&点了确定&);
$(&#button5&).click(function(e) {
$.jqopen(&https://lwme.cnblogs.com/&, { title: &我的博客&, width: 700, height: 500 });
对于服务器端控件使用confirm，可能需要如下方法：
. 代码如下:
$(&#button4&).click(function(e) {
if (!$.confirm(e, &确定要这么做吗？&)) {
e.stopPropagation();
额外再提一下，jQuery UI使用的字体都是以em为单位，可能会导致平常使用时dialog变得比较大，可以额外设置以下样式：
. 代码如下:
body { font-size: 12 } // 默认字体大小
/*jQuery UI fakes*/
.ui-widget { font-size: 1 }
.ui-dialog .ui-dialog-buttonpane { padding-top: .1 padding-bottom: .1 }
这样子，dialog的大小看起来就比较正常了。
在Telerik RadControls for .net ajax中使用
主要是针对telerik RadButton控件，定义如下两个函数：
. 代码如下:
// 用于RadButton的confirm确认回调，即触发按钮点击
function radcallback(s) {
return Function.createDelegate(s, function(argument) {
if (argument) {
this.click();
// 用于为RadButton添加confirm提示
function radconfirm2(textOrFn, title, callback) {
return function(s, e) {
$.jqconfirm(textOrFn, title, callback || radcallback(s));
//radconfirm(textOrFn, callback, 280, 50, null, title);
e.set_cancel(true);
然后可以这样使用：
. 代码如下:
&telerik:RadButton ... OnClientClicking=&radconfirm2('确定要这么做吗?')& /&→ ProE使用一段时间后打开弹出Warning Message List对话框
选取类型：
观点标题：
观点内容：（不支持HTML）
请以客观、真实地作出评论，并注意语言文明；
观点发表后不能作出更改；
您是本帖的第 7693 个阅读者
ProE使用一段时间后打开弹出Warning Message List对话框
等级：初生婴儿
ProE使用一段时间后打开弹出Warning Message List对话框
问题描述：我的ProE 以前还能用 大约一段时间我没使用 今天打开时弹出了个Warning Message List对话框 提示：Invalid Host& 。。。-9原因：我电脑上最近安装了一个Wifi 共享精灵 这个软件的原理是使用无线网共享有线网的资源 这样就可以使用手机在家庭免费连接到电脑的WIFI信号了 同时在安装了这个软件以后ProE软件检测本地网卡的物理地址时就不再是原来的网卡物理地址了 而是重新映射的无线网卡的物理地址了解决方案：1.卸载新安装的软件 wifi共享精灵&&&&&&&&&&&&&&& 2. 重新安装ProE4.0 将破解文件中的Mac Address（也就是网卡的物理地址）更改为wifi的 物理地址 其余按照视频教程安装即可
等级：本科生
经验：4348
等级：初生婴儿
如何卸载新安装的软件 wifi共享精灵
等级：初生婴儿
Warning Message List对话框 提示：Invalid Host  。。。-9
本论坛言论纯属发表者个人意见，与本站立场无关，任何违反国家相关法律的言论，本站将协助国家相关部门追究发言者责任！ 粤ICP备号
Copyright © 2007
Powered By
页面执行时间 0.07813 秒, 4 次数据查询博客分类：
确认对话框ConfirmDialog给出提示信息和若干个按钮供用户选择，共有4个showConfirmDialog重载方法。对话框的按钮通常为：“是”、“否”、“取消”和“确认”及组合，showConfirmDialog（）方法的返回值为整型常量，当按下一个按钮时，返回相应的整型常量，“是”、“否”、“取消”和“确认”对应的常量分别是：0、1、2、0,当按下对话框的“关闭按钮”关闭对话框时，返回值是：－1。
showConfirmDialog(Component parentComponent,
Object message)；
这个方法由参数“Object message”给出提示信息，按钮为默认的“是”、“否”和“取消”。
n=JOptionPane.showConfirmDialog(null, "提示信息");
2.showConfirmDialog(Component
parentComponent, Object message, String title, int optionType)；
参数“int optionType”确定了按钮的定制，具体取值是：
DEFAULT_OPTION //“确定”按钮
YES_NO_OPTION //
“是”、“否”按钮
YES_NO_CANCEL_OPTION
//“是”、“否”、“取消”按钮
OK_CANCEL_OPTION
//“确定”、“取消”按钮
参数“Object message”给出提示信息，参数“String title”给出对话框标题。
n=JOptionPane.showConfirmDialog(null, "提示信息","标题",JOptionPane.DEFAULT_OPTION);
只有一个“确定”选择，选中后返回值是0。
n=JOptionPane.showConfirmDialog(null, "提示信息","标题",JOptionPane.YES_NO_OPTION);
选中“是”返回0,选中“否”返回1。
n=JOptionPane.showConfirmDialog(null, "提示信息","标题",JOptionPane.YES_NO_CANCEL_OPTION);
返回值：“是”：0，“否”：1，“取消”：2 。
n=JOptionPane.showConfirmDialog(null, "提示信息","标题",JOptionPane.OK_CANCEL_OPTION);
返回值：“确定”：0，“取消”：2 。
3.showConfirmDialog(Component
parentComponent, Object message, String title, int optionType, int messageType)；
这个方法增加了一个图标类型的参数“int
messageType”，具体取值是：
ERROR_MESSAGE
INFORMATION_MESSAGE
WARNING_MESSAGE
QUESTION_MESSAGE（默认类型）
PLAIN_MESSAGE（无图标）
具体应用可参考消息对话框的实例。
int n=JOptionPane.showConfirmDialog(null,"提示信息","标题",JOptionPane.YES_NO_CANCEL_OPTION,JOptionPane.
INFORMATION_MESSAGE);
4. showConfirmDialog(Component
parentComponent, Object message, String title, int optionType, int messageType,
Icon icon) ；
这个方法增加了一个参数“Icon icon”，通过该参数，用户可以把自己的图标添加到对话框中；
Icon icon=new
ImageIcon("grapes.gif");
Int n=JOptionPane.showConfirmDialog(null,"提示信息","标题",JOptionPane.YES_NO_CANCEL_OPTION,JOptionPane.
INFORMATION_MESSAGEicon);
5. showOptionDialog(Component
parentComponent, Object message, String title, int optionType, int messageType,
Icon icon, Object[] options, Object initialValue)；
选择对话框OptionDialog是一个充分由用户自定义的对话框，showOptionDialog是一个8个参数的方法，参数“Object[] options”定义了一个按钮数组集合，每个按钮对应的返回值是其在数组中的下标，当参数“Object[] options”不空时，参数“int
optionType”和“int messageType”作用不大，参数“Object initialValue”确定了默认选中的按钮。
import javax.swing.JOptionP
import javax.swing.I
import javax.swing.ImageI
class TestDialog{
static void main(String args[]){
icon=new ImageIcon("grapes.gif");
possibilities = {"苹果", "橘子", "葡萄" };
n=JOptionPane.showOptionDialog(null, "请选择你喜欢的水果","水果",JOptionPane.YES_NO_CANCEL_OPTION,JOptionPane.QUESTION_MESSAGE,icon,possibilities,possibilities[0]);
s=”你喜欢的水果是：”;
switch(n){
s=s+”苹果”;
s=s+"橘子";
s=s+”葡萄”;
s=”你没有选择喜欢的水果”;
JOptionPane.showMessageDialog(null,s,"水果",
JOptionPane.INFORMATION_MESSAGE);
System.exit(0);
综合应用：猜数游戏
import javax.swing.JOptionP
class TestDialog{
public static void main(String args[]){
Object[] options = {"0", "1", "2",
"3", "4", "5", "6", "7",
"8", "9" };
int x=(int)(10*Math.random());
int flag=0,y;
String s="请选择你猜的数。";
for(int i=0;i&3;i++){
s=s+”\n你共有三次机会。”;
s=s+”\n你还有2次机会。”;
s=s+”\n你只有1次机会了。”;
y=JOptionPane.showOptionDialog(null,
s,"猜数游戏",JOptionPane.QUESTION_MESSAGE,
null,options, options[0]);
s=”大了！\n请选择你猜的数。”;
else if(y&x)
s=”小了！\n请选择你猜的数。”;
s="你太厉害了。";
else if(i==1)
s="你很聪明。";
JOptionPane.showMessageDialog(null,"恭喜你猜对了！"+s,
"猜数游戏",JOptionPane.INFORMATION_MESSAGE);
if(flag==0)
JOptionPane.showMessageDialog(null,"很遗憾你没有猜对！",
"猜数游戏",JOptionPane.INFORMATION_MESSAGE);
下面是程序运行的一些截屏:
浏览 27124
这个对话框的方法不用有头文件吗？import javax.swing.JOptionP
浏览: 141900 次
来自: 包头
图片没有显示。
不知为什么，图片没有显示出来。
解析得很详细，不错
图怎么都看不见呢？
(window.slotbydup=window.slotbydup || []).push({
id: '4773203',
container: s,
size: '200,200',
display: 'inlay-fix'Qt 中如何点击提示按钮，然后弹出QMessageBox对话框_百度知道
Qt 中如何点击提示按钮，然后弹出QMessageBox对话框
我有更好的答案
比如你的按钮的名字叫pushButton#include &QMessageBox&void RotParamInput::on_pushButton_clicked(){
QMessageBox::about(this,tr(&提示信息&),tr(&更新成功&));
采纳率：52%
同上，别告我你控件不会拖。右键点转到槽...
为您推荐：
其他类似问题
您可能关注的内容
qmessagebox的相关知识
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。玩游戏跳出名字叫message的对话框，然后就自动退出游戏，重启玩第一次可以玩，退出再进就玩不成了！求助啊_百度知道
玩游戏跳出名字叫message的对话框，然后就自动退出游戏，重启玩第一次可以玩，退出再进就玩不成了！求助啊
我用过修改器，会不会是这个原因！如果是的话，请解决一下！
对话框弹出来的时候我是点了确定，不点的话就一直卡在那。（注意，是那个对话框叫message)请各位解决一下！！！是单机游戏哦！！！
我有更好的答案
应该是，可能用修改器改过了，造成某些数据溢出了，是不是什么数据改的太BT了，重装一下吧，如果怕数据丢的话，就备份存档，安装后先别把存档复制进去，先玩一玩，如果可以在把存档复制进去，但是复制进去后不行的话，那就只有重新玩了
采纳率：46%
为您推荐：
其他类似问题
退出游戏的相关知识
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。