jquery 如何弹出自定义对话框？

Posted 2023-04-23

我想弹出一个div，里面有一个文本框，还有一个确定按钮。我把它定义在一个函数choose()中，单击确定按钮时，这个函数返回文本框的输入。
并且想在js里这样调用：
var tem = choose();
请问如何实现呢？不用插件啊，谢谢啊

可以用jDialog插件实现，jDialog是一款基于jquery实现的轻量级多种类型的自定义对话框插件在项目开发中、一般会美化 alert()；
参考如下：
<center>
<button id="test1">alert方式调用</button>
<br/><br/>
<button id="test2">confirm方式调用</button>
<br/><br/>
<button id="test3">iframe方式调用</button>
<br/><br/>
<button id="test4">只显示内容对话框</button>
<br/><br/>
<button id="test5">对话框配置按钮</button>
<br/><br/>
<button id="test6">message方式调用</button>
<br/><br/>
<button id="test7">tip方式调用</button>
</center>

以下是JS代码
$("#test1").click(function()
var dialog = jDialog.alert(´欢迎使用jDialog组件´,,
showShadow: false,// 不显示对话框阴影
buttonAlign : ´center´,
events :
show : function(evt)
var dlg = evt.data.dialog;
,
close : function(evt)
var dlg = evt.data.dialog;
,
enterKey : function(evt)
alert(´enter key pressed!´);
,
escKey : function(evt)
alert(´esc key pressed!´);
evt.data.dialog.close();


);
) ;

$("#test2").click(function()
var dialog = jDialog.confirm(´欢迎使用jDialog组件，我是confirm！´,
handler : function(button,dialog)
alert(´你点击了确定！´);
dialog.close();

,
handler : function(button,dialog)
alert(´你点击了取消！´);
dialog.close();

);
);

$("#test3").click(function()
// 通过options参数，控制iframe对话框
var dialog = jDialog.iframe(;,
title : ´
width : 1100,
height : 550
);
);

$("#test4").click(function()
// 通过options参数，控制dialog
var dialog = jDialog.dialog(
title : ´自定义对话框´,
content : ´
);
);

$("#test5").click(function()
// 通过options参数，控制dialog
var dialog = jDialog.dialog(
title : ´自定义对话框´,
content : ´;,
buttons : [

type : ´highlight´,
text : ´你好´,
handler:function(button,dialog)

dialog.close();


]
);
);

$("#test6").click(function()
var dialog = jDialog.message(´´,
autoClose : 3000, // 3s后自动关闭
padding : ´30px´, // 设置内部padding
modal: true // 非模态，即不显示遮罩层
);
);

$("#test7").click(function()
var dialog = jDialog.tip(´´,
target : $(´#test7´),
position : ´left-top´,
trianglePosFromStart :0,
autoClose : 1000,
offset :
top :-20,
left:10,
right:0,
bottom:0

);
) 参考技术A 弹出DIV是不可能的，不过可以用其它方法。。
1. 创建一个全屏的DIV，用于做遮罩层.
2. 再显视你的那个DIV.本回答被提问者采纳

关于Qt实现主窗口弹出自定义对话框

首先定义了一个自定义的对话框类class AngleDialog：public QDialog，在单独写一个main函数测试运行时是正确的。出现如下界面：

但是通过主界面点击动作的方式弹出该对话框是出现错误，错误提示为：
graduation.o: In function `Graduation::showDialog()':
graduation.cpp:(.text+0x25): undefined reference to `AngleDialog::AngleDialog(QWidget*)'
collect2: ld 返回 1
make: *** [graduation] 错误 1

其中调用程序为：
connect(rotateAct, SIGNAL(triggered()), this, SLOT(showDialog()));

void Graduation::showDialog()

angleDialog = new AngleDialog(this);
angleDialog->show();


恳请高手指点！！！？？

参考技术A `AngleDialog::AngleDialog(QWidget*)'这个类构造函数没实现吧追问

AngleDialog * = new AngleDialog() 实例化之后不就实现了么？

本回答被提问者采纳 参考技术B undefined reference to `AngleDialog::AngleDialog(QWidget*)'
这句话有提示咯。追问

我也知道这句话的提示啊，那应该怎么样修改呢？