请教jQuery:Dialog的modal状态自动解除_html/css_WEB-ITnose
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状态给解除掉这种现象

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

WebDevelovermentReliesonHtml,CSS和JavaScript:1)HTMLStructuresContent,2)CSSStyleSIT和3)JavaScriptAddSstractivity,形成thebasisofmodernWebemodernWebExexperiences。

HTML、CSS和JavaScript在Web開發中的作用分別是:1.HTML定義網頁結構,2.CSS控製網頁樣式,3.JavaScript添加動態行為。它們共同構建了現代網站的框架、美觀和交互性。

HTML的未來趨勢是語義化和Web組件,CSS的未來趨勢是CSS-in-JS和CSSHoudini,JavaScript的未來趨勢是WebAssembly和Serverless。 1.HTML的語義化提高可訪問性和SEO效果,Web組件提升開發效率但需注意瀏覽器兼容性。 2.CSS-in-JS增強樣式管理靈活性但可能增大文件體積,CSSHoudini允許直接操作CSS渲染。 3.WebAssembly優化瀏覽器應用性能但學習曲線陡,Serverless簡化開發但需優化冷啟動問題。

HTML的未來充滿了無限可能。 1)新功能和標準將包括更多的語義化標籤和WebComponents的普及。 2)網頁設計趨勢將繼續向響應式和無障礙設計發展。 3)性能優化將通過響應式圖片加載和延遲加載技術提升用戶體驗。

HTML、CSS和JavaScript在網頁開發中的角色分別是:HTML負責內容結構,CSS負責樣式,JavaScript負責動態行為。 1.HTML通過標籤定義網頁結構和內容,確保語義化。 2.CSS通過選擇器和屬性控製網頁樣式,使其美觀易讀。 3.JavaScript通過腳本控製網頁行為,實現動態和交互功能。

HTML是構建網頁結構的基石。 1.HTML定義內容結構和語義,使用、、等標籤。 2.提供語義化標記,如、、等,提升SEO效果。 3.通過標籤實現用戶交互,需注意表單驗證。 4.使用、等高級元素結合JavaScript實現動態效果。 5.常見錯誤包括標籤未閉合和屬性值未加引號,需使用驗證工具。 6.優化策略包括減少HTTP請求、壓縮HTML、使用語義化標籤等。

HTML、CSS和JavaScript是構建現代網頁的核心技術:1.HTML定義網頁結構,2.CSS負責網頁外觀,3.JavaScript提供網頁動態和交互性,它們共同作用,打造出用戶體驗良好的網站。

HTMLISNOTAPROGRAMMENGUAGE; ITISAMARKUMARKUPLAGUAGE.1)htmlStructures andFormatSwebContentusingtags.2)itworkswithcsssforstylingandjavascript for Interactivity,增強WebevebDevelopment。
