JQuery UI打开两个dialog时,无法关闭

Dong丶Xm 2014-07-11 10:11:38
function add(){
var id="";
var title="添加";
loadCont("dialog","<n:base/>/wjsf/fw_add.action?rand=<s:property value='rand'/>");
$( "#dialog" ).dialog({
title: title,
modal: true,
width:510,
/* height:145, */
buttons: [
{
text:"保存",
click: function(){from_member_submit();}
},
{
text:"取消",
click: function(){dialogClose();}
}
]
});
}

function dialogClose(){
$(".dialog").dialog("close");
}
下面的dialog是在上面的dialog里面弹出的对话框。
function userTree(){
loadCont("uDialog","<n:base/>/wjsf/fwTree.action");
$( "#uDialog" ).dialog({
title: "选择发送部门",
modal: true,
width:430,
height:345,
buttons: [
{
text:"确定",
click: function(){userSave();}
},
{
text:"取消",
click: function(){uDialogClose();}
}
]
});
}
</SCRIPT>
<div id="uDialog" class="uDialog"></div>
...全文
375 15 打赏 收藏 转发到动态 举报
写回复
用AI写文章
15 条回复
切换为时间正序
请发表友善的回复…
发表回复
Dong丶Xm 2014-07-14
  • 打赏
  • 举报
回复
引用 13 楼 bbjbepzz 的回复:
直接close就行了,为什么还要定义一个方法呢 function add() { var id = ""; var title = "添加"; loadCont("dialog", "<n:base/>/wjsf/fw_add.action?rand=<s:property value='rand'/>"); $("#dialog").dialog({ title : title, modal : true, width : 510, /* height:145, */ buttons : [{ text : "保存", click : function () { from_member_submit(); } }, { text : "取消", click : function () { dialogClose($("#dialog")); } } ] }); } function dialogClose(obj) { obj.dialog("close"); } 下面的dialog是在上面的dialog里面弹出的对话框。 function userTree() { loadCont("uDialog", "<n:base/>/wjsf/fwTree.action"); $("#uDialog").dialog({ title : "选择发送部门", modal : true, width : 430, height : 345, buttons : [{ text : "确定", click : function () { userSave(); } }, { text : "取消", click : function () { uDialogClose($("#uDialog")); } } ] }); }
我表述有问题,重新说一下吧,就是我用到了JQUERY UI,ZTREE,我把架包放在list页面里面,弹出add页面,再弹出addtree页面,addtree里面有ZTREE,在list里面加架包,在谷歌里面显示正常,IE不正常,在addtree页面加ztree的架包,显示正常,但是无法关闭。
Dong丶Xm 2014-07-14
  • 打赏
  • 举报
回复
引用 12 楼 u012463264 的回复:
你看看是不是哪里报错了 。用工具调试一下吧
我表述有问题,重新说一下吧,就是我用到了JQUERY UI,ZTREE,我把架包放在list页面里面,弹出add页面,再弹出addtree页面,addtree里面有ZTREE,在list里面加架包,在谷歌里面显示正常,IE不正常,在addtree页面加ztree的架包,显示正常,但是无法关闭。
bbjbepzz 2014-07-11
  • 打赏
  • 举报
回复
直接close就行了,为什么还要定义一个方法呢 function add() { var id = ""; var title = "添加"; loadCont("dialog", "<n:base/>/wjsf/fw_add.action?rand=<s:property value='rand'/>"); $("#dialog").dialog({ title : title, modal : true, width : 510, /* height:145, */ buttons : [{ text : "保存", click : function () { from_member_submit(); } }, { text : "取消", click : function () { dialogClose($("#dialog")); } } ] }); } function dialogClose(obj) { obj.dialog("close"); } 下面的dialog是在上面的dialog里面弹出的对话框。 function userTree() { loadCont("uDialog", "<n:base/>/wjsf/fwTree.action"); $("#uDialog").dialog({ title : "选择发送部门", modal : true, width : 430, height : 345, buttons : [{ text : "确定", click : function () { userSave(); } }, { text : "取消", click : function () { uDialogClose($("#uDialog")); } } ] }); }
别闹腰不好 2014-07-11
  • 打赏
  • 举报
回复
你看看是不是哪里报错了 。用工具调试一下吧
Dong丶Xm 2014-07-11
  • 打赏
  • 举报
回复
引用 10 楼 u012463264 的回复:
[quote=引用 9 楼 xmd415606062 的回复:] 会不会是JQuery UI的方法冲突了 [quote=引用 6 楼 u012463264 的回复:] function userTree(){ loadCont("uDialog","<n:base/>/wjsf/fwTree.action"); $( "#uDialog" ).dialog({ title: "选择发送部门", modal: true, width:430, height:345, buttons: [ { text:"确定", click: function(){userSave();} }, { text:"取消", click: function(){$(".uDialog").dialog("close");} } ] }); } </SCRIPT> <div id="uDialog" class="uDialog"></div>
[/quote] 你现在是能打开? 你关闭的时候,先关闭后边的,再关顶级的试试。[/quote] 不能先关后边的,我顶级的要选中数据在,后边的dialog上显示,这样就没法显示了,后边的还有个保存按钮呢
别闹腰不好 2014-07-11
  • 打赏
  • 举报
回复
引用 9 楼 xmd415606062 的回复:
会不会是JQuery UI的方法冲突了 [quote=引用 6 楼 u012463264 的回复:] function userTree(){ loadCont("uDialog","<n:base/>/wjsf/fwTree.action"); $( "#uDialog" ).dialog({ title: "选择发送部门", modal: true, width:430, height:345, buttons: [ { text:"确定", click: function(){userSave();} }, { text:"取消", click: function(){$(".uDialog").dialog("close");} } ] }); } </SCRIPT> <div id="uDialog" class="uDialog"></div>
[/quote] 你现在是能打开? 你关闭的时候,先关闭后边的,再关顶级的试试。
Dong丶Xm 2014-07-11
  • 打赏
  • 举报
回复
会不会是JQuery UI的方法冲突了
引用 6 楼 u012463264 的回复:
function userTree(){ loadCont("uDialog","<n:base/>/wjsf/fwTree.action"); $( "#uDialog" ).dialog({ title: "选择发送部门", modal: true, width:430, height:345, buttons: [ { text:"确定", click: function(){userSave();} }, { text:"取消", click: function(){$(".uDialog").dialog("close");} } ] }); } </SCRIPT> <div id="uDialog" class="uDialog"></div>
Dong丶Xm 2014-07-11
  • 打赏
  • 举报
回复
引用 6 楼 u012463264 的回复:
function userTree(){ loadCont("uDialog","<n:base/>/wjsf/fwTree.action"); $( "#uDialog" ).dialog({ title: "选择发送部门", modal: true, width:430, height:345, buttons: [ { text:"确定", click: function(){userSave();} }, { text:"取消", click: function(){$(".uDialog").dialog("close");} } ] }); } </SCRIPT> <div id="uDialog" class="uDialog"></div>
没用
Dong丶Xm 2014-07-11
  • 打赏
  • 举报
回复
引用 6 楼 u012463264 的回复:
function userTree(){ loadCont("uDialog","<n:base/>/wjsf/fwTree.action"); $( "#uDialog" ).dialog({ title: "选择发送部门", modal: true, width:430, height:345, buttons: [ { text:"确定", click: function(){userSave();} }, { text:"取消", click: function(){$(".uDialog").dialog("close");} } ] }); } </SCRIPT> <div id="uDialog" class="uDialog"></div>
我试试
别闹腰不好 2014-07-11
  • 打赏
  • 举报
回复
function userTree(){ loadCont("uDialog","<n:base/>/wjsf/fwTree.action"); $( "#uDialog" ).dialog({ title: "选择发送部门", modal: true, width:430, height:345, buttons: [ { text:"确定", click: function(){userSave();} }, { text:"取消", click: function(){$(".uDialog").dialog("close");} } ] }); } </SCRIPT> <div id="uDialog" class="uDialog"></div>
Dong丶Xm 2014-07-11
  • 打赏
  • 举报
回复
定义了
引用 4 楼 u012463264 的回复:
uDialogClose(); 你看你这方法有定义吗
别闹腰不好 2014-07-11
  • 打赏
  • 举报
回复
uDialogClose(); 你看你这方法有定义吗
Dong丶Xm 2014-07-11
  • 打赏
  • 举报
回复
引用 1 楼 u012463264 的回复:
function dialogClose(){ $(".dialog").dialog("close"); } 这里的选择器有问题。应该是div的class 。 小红长得很漂亮成绩也很好,班主任很喜欢她,总是对她动手动脚的,有时候晚自习结束了还留她下来讨论学习问题,不过小红不排斥班主任的行为。 全班同学除了小明都很讨厌她,并且时常对她进行欺凌,大家在她背后骂她装高傲又犯骚老爱向老师打小报告,还勾引班主任。小明是个例外,他已经喜欢小红两年多了,每天都给她送吃的用的,还帮小红整理被同学扔掉的书。而小红对于他送的东西和给予的关心毫不动容。 但小明还是喜欢她,并坚持给她送东西和给她打电话,哪怕她接了电话马上挂掉。 有一天,小红被人杀害在了教室里,凶手用绳子将她捆在在了她的座椅上。她的脸上盖着很多层的湿纸巾,是窒息而死的。小红头发凌乱,掀开纸巾发现她满脸淤青,衣服被撕得稀巴烂,但没有受到猥亵。死亡时间大概是前一晚的11点左右,现场还发现了一大堆开封的零食和用品。班里同学众口一词表示那些都是小明送的。JC还在兜里发现了她的手机,打开手机查了通话记录,发现前一晚的11点整小明曾打过电话给小红,通话时间为2秒。学校保卫处表示昨晚他们很早就睡了,没查看教室,学校各处大概有30个的监控摄像头都在短时间里被人打歪并用黑布给蒙住。班主任马建也表示他昨晚很早就回家睡觉了。而小明对小红的死则是痛苦不已。 这对小明造成了巨大的阴影,小明准备挖一个大坑厚葬小红。 我们的问题来了!!!! 请问 挖掘机学校哪家强?
我其他页面单独使用一个close是可以的
Dong丶Xm 2014-07-11
  • 打赏
  • 举报
回复
引用 1 楼 u012463264 的回复:
function dialogClose(){ $(".dialog").dialog("close"); } 这里的选择器有问题。应该是div的class 。 小红长得很漂亮成绩也很好,班主任很喜欢她,总是对她动手动脚的,有时候晚自习结束了还留她下来讨论学习问题,不过小红不排斥班主任的行为。 全班同学除了小明都很讨厌她,并且时常对她进行欺凌,大家在她背后骂她装高傲又犯骚老爱向老师打小报告,还勾引班主任。小明是个例外,他已经喜欢小红两年多了,每天都给她送吃的用的,还帮小红整理被同学扔掉的书。而小红对于他送的东西和给予的关心毫不动容。 但小明还是喜欢她,并坚持给她送东西和给她打电话,哪怕她接了电话马上挂掉。 有一天,小红被人杀害在了教室里,凶手用绳子将她捆在在了她的座椅上。她的脸上盖着很多层的湿纸巾,是窒息而死的。小红头发凌乱,掀开纸巾发现她满脸淤青,衣服被撕得稀巴烂,但没有受到猥亵。死亡时间大概是前一晚的11点左右,现场还发现了一大堆开封的零食和用品。班里同学众口一词表示那些都是小明送的。JC还在兜里发现了她的手机,打开手机查了通话记录,发现前一晚的11点整小明曾打过电话给小红,通话时间为2秒。学校保卫处表示昨晚他们很早就睡了,没查看教室,学校各处大概有30个的监控摄像头都在短时间里被人打歪并用黑布给蒙住。班主任马建也表示他昨晚很早就回家睡觉了。而小明对小红的死则是痛苦不已。 这对小明造成了巨大的阴影,小明准备挖一个大坑厚葬小红。 我们的问题来了!!!! 请问 挖掘机学校哪家强?
<div id="dialog" class="dialog" ></div>
别闹腰不好 2014-07-11
  • 打赏
  • 举报
回复
function dialogClose(){ $(".dialog").dialog("close"); } 这里的选择器有问题。应该是div的class 。 小红长得很漂亮成绩也很好,班主任很喜欢她,总是对她动手动脚的,有时候晚自习结束了还留她下来讨论学习问题,不过小红不排斥班主任的行为。 全班同学除了小明都很讨厌她,并且时常对她进行欺凌,大家在她背后骂她装高傲又犯骚老爱向老师打小报告,还勾引班主任。小明是个例外,他已经喜欢小红两年多了,每天都给她送吃的用的,还帮小红整理被同学扔掉的书。而小红对于他送的东西和给予的关心毫不动容。 但小明还是喜欢她,并坚持给她送东西和给她打电话,哪怕她接了电话马上挂掉。 有一天,小红被人杀害在了教室里,凶手用绳子将她捆在在了她的座椅上。她的脸上盖着很多层的湿纸巾,是窒息而死的。小红头发凌乱,掀开纸巾发现她满脸淤青,衣服被撕得稀巴烂,但没有受到猥亵。死亡时间大概是前一晚的11点左右,现场还发现了一大堆开封的零食和用品。班里同学众口一词表示那些都是小明送的。JC还在兜里发现了她的手机,打开手机查了通话记录,发现前一晚的11点整小明曾打过电话给小红,通话时间为2秒。学校保卫处表示昨晚他们很早就睡了,没查看教室,学校各处大概有30个的监控摄像头都在短时间里被人打歪并用黑布给蒙住。班主任马建也表示他昨晚很早就回家睡觉了。而小明对小红的死则是痛苦不已。 这对小明造成了巨大的阴影,小明准备挖一个大坑厚葬小红。 我们的问题来了!!!! 请问 挖掘机学校哪家强?
书名:jQuery权威指南(系统介绍jQuery方方面面,囊括118个实例和2个综合案例,实战性强) 作者:陶国荣 著 书号:978-7-111-32543-7 定价:59.00元 出版社:机械工业出版社华章公司 出版间:2011年1月 编辑推荐: 内容全面,系统地讲解了jQuery方方面面 实战性强,囊括118个实例和2个综合案例 资深专家亲自执笔,4大专业社区一致鼎力推荐 内容简介: jQuery是继Prototype之后的又一个优秀JavaScript框架,深受全球开发者欢迎,已经成为Web开发领域的事实标准。jQuery以其轻巧的体积、强大的选择器、出色的DOM封装、丰富的插件支持使得广大的Web前端开发者得心应手,极大地提高了他们的开发效率;此外,jQuery中完善的Ajax功能、行为与结构层的分离、可靠的事件处理机制也同样使得Web后端开发者如虎添翼,使用少量代码就可以实现复杂的功能。特别是新版本1.4.x的发布,jQuery在功能和性能方面都有质的提升,极大地满足了广大开发者提出的更高要求。因此,为了提高Web开发的效率和强化Web应用的功能,熟练使用jQuery是Web开发者必备的一种能力。 《jQuery权威指南》由国内资深Web技术专家亲自执笔,4大Web开发社区一致鼎力推荐,权威性毋庸置疑。 内容新颖,基于jQuery的最新版本撰写,所有新功能和新特性一览无余;内容全面,不仅讲解了jQuery技术本身的方方面面,而且还包括与jQuery相关的扩展知识;实战性强,不仅每个知识点都配有完整的小案例,而且还有两个综合性的案例。本书不仅能满足读者系统学习理论知识的需求,还能满足需要充分实践的需求。 全书一共分为11章,首先以示例的方式对jQuery做了全局性的介绍,以便于为读者建立jQuery的大局观,这对初学者尤为重要;其次详细讲解了jQuery的各种选择器、jQuery操作DOM的方法、jQuery中的事件与应用、jQuery中的动画和特效、Ajax在jQuery中的应用,以及各种常用的jQuery插件的使用方法和技巧,所有这些知识点都配有完整的示例(包括需求分析、代码实现和结果展示三部分);再接着对jQuery UIjQuery实用工具函数等扩展知识,以及jQuery的开发技巧与性能优化等方面的重要知识做了详尽的阐述;最后以两个具有代表性的综合案例结束全书,希望能帮助读者将前面所学的理论知识真正贯穿于实践中,迅速进入jQuery的殿堂。 作者简介: 陶国荣,资深Web技术专家,有10余年开发经验,是国内较早专业从事Web开发的一线技术人员和培训讲师。醉心于对JavaScript、jQuery和Ajax等Web开发技术的研究与实践,并长期专注于HTML页面的优化与用户体验的研究,在页面框架搭建、数据流向分析、页面静态优化方面拥有丰富的实践经验。此外,他还是微软技术方面的专家,精通C#、ASP.NET 和SQL Server等技术,出版相关著作多部。 媒体推荐: jQuery的发展之迅速和取得的成功之巨大是其他所有开发框架都难以企及的,它已经成为Web开发者必备的核心技能之一。如果你尚未掌握jQuery或功力还不够,推荐你认真阅读这本书并付诸实践,与同类的jQuery图书相比,它有3大优势:内容非常全面,几乎包含jQuery的所有内容;基于jQuery的最新版本撰写,所有新功能特性一览无余;实战性极强,不仅有118个小型案例,而且还有两个综合案例。——jQuery中文社区 jQuery因为使用简单、功能强大、插件丰富而深受Web开发者青睐。《jQuery权威指南》不仅完整地呈现了jQuery本身所有的功能,而且讲解了jQuery UI等扩展功能;更值得一提的是,还包括最佳实践和性能优化方面的技巧,内容全面,结构合理。除此之外,本书还包括大量的实例,不仅每个知识点都配有小例子,而且还有两个综合性的案例。对于初学者而言,本书应该是学习jQuery的首选。——jQuery中文用户组 jQuery因为易于使用和功能强大著称,是所有Web开发者应该掌握的一种利器,初学者如何才能快速而有效地掌握jQuery呢?最好的方法莫过于一边学习理论,一边动手实践这些理论,本书就是按照这种思路为读者打造的,强烈推荐。——JavaScript开发者社区 jQuery从众多的Ajax框架中脱颖而出,已经成为Web开发领域的事实标准。《jQuery权威指南》除了理论知识丰富而全面外,它还有一个最大的特点就是注重实战,每个知识点都有一个完整的案例,包括需求分析、代码实现和结果展示三个部分,而且还包含两个综合性的案例,它的实践性之强是目前所有同类书都不具备的,恰好这一点又是初学者最需要的。如果能阅读本书并付诸实践,进入jQu

87,902

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧