jquery dialog用法（jquery easyui 的dialog 方法关闭事件）

本文目录

• jquery easyui 的dialog 方法关闭事件
• jquery 如何弹出自定义对话框
• jquery中的dialog()方法是怎么使用我引入了dialog.js
• jquery-ui dialog 中动态控制 buttons
• 如何用 jquery dialog 方式双层弹出窗口
• jquery easyui 中子窗口怎么调用dialog
• jquery dialog confirm的用法
• Jquery dialog 怎么实现隔3秒自动关闭
• “jquery dialog”对话框的关闭事件有哪些
• jquery UI dialog 弹窗中的搜索以及超链接都是新窗口打开的，如何在dialog中打开

jquery easyui 的dialog 方法关闭事件

当用户打开/关闭一个dialog窗体时，对应的事件获取方法如下：

可以在页面中定义个关闭函数 ,在子页面中调用top。如可以设置函数名为：function d_close(){$(’#dd’).dialog(’close’);}，然后在弹出页面里面top.d_close()，当然了如果页面不是顶部页面比如用了框架集就不用top。

jquery 如何弹出自定义对话框

可以用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
}
});
})

jquery中的dialog()方法是怎么使用我引入了dialog.js

dialog是jquery UI库的一个UI组件。
你要使用dialog。仅仅引入jquery.js是不够的。
jquery只是轻量级的基础框架。
如果你要用jqueryUI的dialog组件。
就要引入jqueryUI的js及相关css样式文件。
依赖关系dialog --》 jqueryUI --》 jquery

jquery-ui dialog 中动态控制 buttons

默认的设置buttons，是这样的{buttons:{"按钮名1":function(){函数内容......},"按钮名2":function(){函数内容......},......}}
"按钮名":function(){函数内容......}
比如在页面有个按钮 id="btn" ,想通过$("#btn")控制dialog中的按钮是否显示的话，可以向下面这样做：
$(function(){
$("#btn").click(function(){
$(".ui-button-text").each(function(){
if($(this).text() == "按钮名1"){
$(this).attr("id","btnCancel");
return false;
}
});
$("#btnCancel").parent().toggle();
});
});
原理就是：buttons:{……} 设置的名字，其实只是生成了一个《span》块，并为其文本节点赋值，而dialog插件会自动为其添加一个父元素《button》元素，因此切换显示/隐藏按钮，需要对这个父元素进行操作。
希望对你有帮助！

如何用 jquery dialog 方式双层弹出窗口

再写一个对话框就是了
《script type="text/javascript"》
$(function () {
// Dialog
$(’#dialog’).dialog({
autoOpen: false,
width: 600,
buttons: {
"Ok": function () {
$(this).dialog("close");
},
"Cancel": function () {
$(this).dialog("close");
}
}
});
$(’#dialog_link’).click(function () {
$(’#dialog’).dialog(’open’);
return false;
});
$(’#dialog2’).dialog({
autoOpen: false,
width: 600,
buttons: {
"Ok": function () {
$(this).dialog("close");
},
"Cancel": function () {
$(this).dialog("close");
}
}
});
$(’#dialog_link2’).click(function () {
$(’#dialog2’).dialog(’open’);
return false;
});
});
《/script》
《p》《a href="#" id="dialog_link" 》打开第一个对话框《/a》《/p》

《div id="dialog" title="第一个对话框"》
第一个对话框《br /》《p》《a href="#" id="dialog_link2" 》打开第二个对话框《/a》《/p》
《/div》
《div id="dialog2" title="第二个对话框"》
第二个对话框《br /》
《/div》

jquery easyui 中子窗口怎么调用dialog

1. Dialog 的配置参数是扩展于Window
Extend from $.fn.window.defaults. Override defaults with $.fn.dialog.defaults.
2. Window的配置参数是扩展于Panel
Extend from $.fn.panel.defaults. Override defaults with $.fn.window.defaults.
3. Panel 的配置参数可以传入覆盖默认
Override defaults with $.fn.panel.defaults.
4. Panel 可以指定位置参数有两个
Name Type Description Default
left
number
Set the panel left position.
null
top
number
Set the panel top position.
null
5. 因此， 可以通过传如left和top指定dialog位置。
如：
$(’#dom_div’).dialog({
title: ’My Dialog’,
left:0,
top:0,
width: 400,
height: 200,
closed: false,
cache: false,
href: ’get_content.php’,
modal: true,
});
以上设置了left和top为0，会显示在左上角。

jquery dialog confirm的用法

　　jQuery UI 中使用了大量的样式来修饰，需要引用 jQuery UI 的样式，注意，jquery.ui.all.css 这个文件引用了大量的其他样式文件，将 jQuery UI 中 \development-bundle\themes\base 文件夹中的内容都复制过来。
　　《link type="text/css" href="styles/jquery.ui.all.css" rel="stylesheet" /》
　　在 ready 函数中，同时也初始化这个对话框。
　　$(function() {
// 初始化
$("#btn").click(function() {
alert("btn 被点击啦！");
});
// 初始化对话框
$("#dialog-confirm").dialog();
});
　　打开这个页面的时候，就已经可以看到对话框了。

Jquery dialog 怎么实现隔3秒自动关闭

1、使用jQuery的delay()函数

定义和用法

delay() 方法对队列中的下一项的执行设置延迟。

语法：

$(selector).delay(speed,queueName)

参数描述

speed    可选。规定延迟的速度。

可能的值：毫秒/"slow"/"fast"

queueName    可选。规定队列的名称。
默认是 "fx"，标准效果队列。  

funtion open(){
    //开启dialog
    //延迟3秒隐藏/关闭
    $("#id").delay(3000).hide();
}

2、使用定时器

    setTimeout()
从载入后延迟指定的时间去执行一个表达式或者是函数;
仅执行一次 ;和window.clearTimeout一起使用.

setInterval ("showTime()", 5000);
function showTime()
{
    //此处执行dialog的关闭动作
  var today = new Date();
  alert("The time is: " + today.toString ());
}

“jquery dialog”对话框的关闭事件有哪些

在页面中定义个关闭函数
,在子页面中调用top.函数名
比如
function
d_close(){
$(’#dd’).dialog(’close’);
}
在弹出页面里面top.d_close();
当然了如果页面不是顶部页面比如用了框架集就不用top.

jquery UI dialog 弹窗中的搜索以及超链接都是新窗口打开的，如何在dialog中打开

window.showModalDialog 用这个 另外看看
jquery中应该有类似封装好的方法