热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

请教jQuery:Dialog的modal状态自动解除_html/css_WEBITnose

请教jQuery:Dialog的modal状态自动解除_htmlcss_WEB-ITnose:jquerydialogmodal状态消失现在做的一个项目,画面上有检索,清除,追加等
jquery dialog modal状态消失

现在做的一个项目,画面上有检索,清除,追加等按钮,当追加按钮按下时,弹出jQuery的dialog。
共通js如下
var AddDialog = new function() {
self.d = null
this.init = function(opt){
var o = {modal:true,..省略`..};
for (var k in opt ){o[k]=opt[k]}
self.d = $("#template").dialog(o);//template为div的id
$("#btnsave").click(function(){/*共通保存方法*/});
$("#btnclose").click(function(){/*共通关闭方法*/});
//其他略
}
//其他略
}

各画面初始化时
$(function(){
//其他略
AddDialog.init();
//其他略
});

这回感受jqueryDialog便利的同时,也碰到一个很奇怪的现象,很抓狂,不知道有没有人遇到过?

画面载入后,直接点追加按钮,在dialog上输入数据后,正确执行,入力检查时有错也可以在dialog的指定区域显示,modal状态也可以保持。但是,在按下检索按钮查询之后,在点追加按钮,dialog的入力项有错的时候,一切都可以正常显示,就是modal状态自动变成了false(并不是每次都这样,但是几率很大,因为不知原因,具体是哪个出了问题说不出来)。

有没有同行遇到过类似问题。麻烦诸位高人帮忙提示下调查的线索,不胜感激。

我用的jquery版本:1.5.2
ui版本为:1.8.13

我用firebug调试的时候,发现在执行我的入力检查方法之后,dialog依然是modal状态,但是在方法执行完,jquery判断是否存在其他handler之后,modal状态消失。怀疑是不是jquery的bug呢?

最后,怎样才能回避掉这个问题呢?


回复讨论(解决方案)

入力检查 代码呢?

入力检查 代码呢?

版主辛苦了,感谢。
问题已经查明白了。等晚上详细写一下,是自己程序的bug

昨天终于弄明白原因了,上面说的那些都没有用。居然是一直在用的共通部分出了问题。

1)画面的检索按钮按下的时候,会弹出一个处理中的modal-dialog(※1),然后共通JS会在检索的callback回调函数中关掉(※1)。
问题就出在这儿了,最开始的式样并没有要求弹出(※1),后来式样追加的时候,为了少改代码,将关掉(※1)的代码写在共通里面了。考虑到即使在不弹出(※1)的情况下,执行关掉(※1)的代码也不会错,关闭的代码就采取了无条件执行的写法。

2)点击追加按钮之后弹出的Modal-dialog(※2)。

在(※2)里面的按钮,按下后不需要弹出(※1)之类的东西,但是事件也会执行共通的callback回调函数。此时,在callback中,关闭(※1)的时候,就把追加的(※2)的modal状态也解除了。

对策:在关闭(※1)的时候,判断(※1)是否打开,只有在打开的情况下才执行关闭(※1)的代码。

提示:jQuery的Dialog的modal,是通过往页面body上追加一个设置了样式的DIV来实现的,所以会出现关掉(※1),remove掉这个div的同时,也把(※2)的modal状态给解除掉这种现象

推荐阅读
  • HTML5网页模板怎么加百度统计?
    本文介绍了如何在HTML5网页模板中加入百度统计,并对模板文件、css样式表、js插件库等内容进行了说明。同时还解答了关于HTML5网页模板的使用方法、表单提交、域名和空间的问题,并介绍了如何使用Visual Studio 2010创建HTML5模板。此外,还提到了使用Jquery编写美好的HTML5前端框架模板的方法,以及制作企业HTML5网站模板和支持HTML5的CMS。 ... [详细]
  • Voicewo在线语音识别转换jQuery插件的特点和示例
    本文介绍了一款名为Voicewo的在线语音识别转换jQuery插件,该插件具有快速、架构、风格、扩展和兼容等特点,适合在互联网应用中使用。同时还提供了一个快速示例供开发人员参考。 ... [详细]
  • Html5-Canvas实现简易的抽奖转盘效果
    本文介绍了如何使用Html5和Canvas标签来实现简易的抽奖转盘效果,同时使用了jQueryRotate.js旋转插件。文章中给出了主要的html和css代码,并展示了实现的基本效果。 ... [详细]
  • 从零基础到精通的前台学习路线
    随着互联网的发展,前台开发工程师成为市场上非常抢手的人才。本文介绍了从零基础到精通前台开发的学习路线,包括学习HTML、CSS、JavaScript等基础知识和常用工具的使用。通过循序渐进的学习,可以掌握前台开发的基本技能,并有能力找到一份月薪8000以上的工作。 ... [详细]
  • 获取ul中第一个li元素的五种方法和多个ul中第一个li元素的四种方法
    本文介绍了获取ul中第一个li元素的五种方法和多个ul中第一个li元素的四种方法,包括使用jQuery的选择器和遍历方法。通过这些方法,可以方便地获取到所需的元素,并进行相应的操作。 ... [详细]
  • mui框架offcanvas侧滑超出部分隐藏无法滚动如何解决
    web前端|js教程off-canvas,部分,超出web前端-js教程mui框架中off-canvas侧滑的一个缺点就是无法出现滚动条,因为它主要用途是设置类似于qq界面的那种格 ... [详细]
  • 项目需要实现弹幕,网上参考了各种方法,最后觉得transform+transition实现的效果在移动设备上性能最好,在iphone6和红米4上测试,看不到 ... [详细]
  • 凡客诚品官方网站的前端改进建议
    打开http:www.vancl.com发现采用的Asp.net,这点我感到很欣慰,毕竟国内采用.net技术体系的优秀网站少之又少。好奇之余右键-查看源 ... [详细]
  • SeleniumWebDriver3.0自动化测试框架实战指南 ... [详细]
  • 一、选择器性能优化建议1.总是从#id选择器来继承这是jQuery选择器的一条黄金法则。jQuery选择一个元素最快的方法就是用ID来选择了。1$(#content).hide() ... [详细]
  • 本文介绍了lua语言中闭包的特性及其在模式匹配、日期处理、编译和模块化等方面的应用。lua中的闭包是严格遵循词法定界的第一类值,函数可以作为变量自由传递,也可以作为参数传递给其他函数。这些特性使得lua语言具有极大的灵活性,为程序开发带来了便利。 ... [详细]
  • 原理:dismiss再弹出,把dialog设为全局对象。if(dialog!null&&dialog.isShowing()&&!(Activity.)isFinishing()) ... [详细]
  • 本文由编程笔记#小编为大家整理,主要介绍了css回到顶部按钮相关的知识,希望对你有一定的参考价值。 ... [详细]
  • 代码逻辑:拷贝功能:1.从编辑控件中获取文本。2.打开并清空剪贴板。(OpenClipboard,EmptyClipboard)3.创建一个全局缓冲区。(GlobalAlloc)4 ... [详细]
  • 高仿CSDN社区树形图 .
    一直感觉CSDN社区的树形结构特别的人性化,直观化。最近做系统的时候需要用到这个树形结构,于是模仿CSDN的树形结构做了一个自己的树形结构, ... [详细]
author-avatar
odoresampey_768
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有