jquery blockUI 遮罩不能消失與不能提交的解決方法
更新時間:2011年09月17日 19:36:08 作者:
jquery blockUI 遮罩不能消失與不能提交的解決方法,使用jquery blockUI的朋友可以參考下。
復制代碼 代碼如下:
//顯示遮罩
$.blockUI({
message: $('#divlogin'),
css:{width:"400px", height:"255px", top: ($(window).height() - 400) /2 + 'px', left: ($(window).width() - 400) /2 + 'px'}
});
//取消遮罩
$("#cancel").click(function() {
$.unblockUI();
});
取消遮罩是,js 動態(tài)生成的外層沒有消失。
在FF3.0.4,Chrome下都沒問題,只是 IE6 IE7 Ie8下不正常。
打開源碼,找到了下面這句話:
復制代碼 代碼如下:
var lyr1 = ($.browser.msie) ? $('<iframe class="blockUI" style="z-index:'+ z++ +';border:none;margin:0;padding:0;position:absolute;width:100%;height:100%;top:0;left:0" src="javascript:false;"></iframe>')
: $('<div class="blockUI" style="display:none"></div>');
可以看到,在IE下,它是生成了一個 iframe,并在這個 iframe 中加載你自己的對話框。
那么,現(xiàn)在只是外層不消失,自己手動讓它消失。
復制代碼 代碼如下:
$.blockUI({ message: $("#dialog")});
$("#cancel").click(function() {
$.unblockUI();
$(".blockUI").fadeOut("slow");
});
OK,IE6 IE7都可以了。
使用blockui后,遮罩層數(shù)據(jù)不能提交到后臺了,使用ajax可以
要提交到后來,請教后明白,遮罩層不再當前form中,所以提交后沒有form不能提交
解決辦法,把遮罩層部分,放置到form中
$('#divlogin').parent().appendTo(jQuery("form:first"));---還為完全找到放到form外面的遮罩層數(shù)據(jù),所以不是很清楚。
您可能感興趣的文章:
- jQuery彈出遮罩層效果完整示例
- jQuery實現(xiàn)彈出帶遮罩層的居中浮動窗口效果
- jQuery操作dom實現(xiàn)彈出頁面遮罩層(web端和移動端阻止遮罩層的滑動)
- Jquery實現(xiàn)遮罩層的簡單實例(就是彈出DIV周圍都灰色不能操作)
- 使用jQuery制作遮罩層彈出效果的極簡實例分享
- jquery實現(xiàn)簡單的遮罩層
- jQuery點擊按鈕彈出遮罩層且內(nèi)容居中特效
- jQuery+AJAX實現(xiàn)遮罩層登錄驗證界面(附源碼)
- 基于jquery的blockui插件顯示彈出層
- jquery.blockUI.js上傳滾動等待效果實現(xiàn)思路及代碼
- jQuery實現(xiàn)帶遮罩層效果的blockUI彈出層示例【附demo源碼下載】
相關(guān)文章
jQuery中的CSS樣式屬性css()及width()系列大全
本文給大家分享jQuery的CSS樣式屬性css(),width()系列,offset()與position(),scrollLeft()與scrollTop()的相關(guān)知識,本文通過實例代碼給大家介紹的非常詳細,需要的朋友參考下吧2021-08-08逐一介紹Jquery data()、Jquery stop()、jquery delay()函數(shù)(詳)
這篇文章逐一介紹Jquery data()、Jquery stop()、jquery delay()函數(shù)(詳)的相關(guān)資料,需要的朋友可以參考下2015-11-11jQuery動態(tài)添加及刪除表單上傳元素的方法(附demo源碼下載)
這篇文章主要介紹了jQuery動態(tài)添加及刪除表單上傳元素的方法,涉及jQuery的事件動態(tài)綁定及頁面元素動態(tài)操作技巧,并附帶了demo源碼供讀者下載參考,代碼非常簡潔實用,需要的朋友可以參考下2016-01-01jquery 顯示*天*時*分*秒實現(xiàn)時間計時器
用jquery實現(xiàn)時間計時器,從之前的某個時間段到現(xiàn)在距離多少天多少時多少分多少秒,示例代碼如下,大家拷貝即可使用2014-05-05jQuery幫助之CSS尺寸(五)outerHeight、outerWidth
在前面我們分別通過innerHeight()和innerWidth()來獲得第一個匹配元素內(nèi)部區(qū)域的高度和寬度,我們在應用中往往除了需要內(nèi)部的尺寸,同樣還需要知道外部的高度和寬度.2009-11-11jQuery利用DOM遍歷實現(xiàn)商城結(jié)算系統(tǒng)實戰(zhàn)
這篇文章主要介紹了jQuery利用DOM遍歷實現(xiàn)商城結(jié)算系統(tǒng)實戰(zhàn),文章圍繞主題展開詳細的內(nèi)容介紹,具一定的參考價值,感興趣的小伙伴可以參考一下2022-06-06使用Jquery搭建最佳用戶體驗的登錄頁面之記住密碼自動登錄功能(含后臺代碼)
今天將登錄功能徹底完成,加入記住密碼自動登錄功能,密碼在客戶端進行第一次加密存儲。并修改了一些bug,優(yōu)化js代碼,上一版本太亂了。2011-07-07