jquery blockUI 遮罩不能消失與不能提交的解決方法
更新時(shí)間：2011年09月17日 19:36:08 作者：
jquery blockUI 遮罩不能消失與不能提交的解決方法，使用jquery blockUI的朋友可以參考下。
復(fù)制代碼 代碼如下:
//顯示遮罩
$.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 動(dòng)態(tài)生成的外層沒有消失。
在FF3.0.4，Chrome下都沒問題，只是 IE6 IE7 Ie8下不正常。
打開源碼，找到了下面這句話：
復(fù)制代碼 代碼如下:
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下，它是生成了一個(gè) iframe，并在這個(gè) iframe 中加載你自己的對話框。
那么，現(xiàn)在只是外層不消失，自己手動(dòng)讓它消失。
復(fù)制代碼 代碼如下:
$.blockUI({ message: $("#dialog")});
$("#cancel").click(function() {
$.unblockUI();
$(".blockUI").fadeOut("slow");
});
OK，IE6 IE7都可以了。
使用blockui后，遮罩層數(shù)據(jù)不能提交到后臺(tái)了，使用ajax可以
要提交到后來，請教后明白，遮罩層不再當(dāng)前form中，所以提交后沒有form不能提交
解決辦法，把遮罩層部分，放置到form中
$('#divlogin').parent().appendTo(jQuery("form:first"));---還為完全找到放到form外面的遮罩層數(shù)據(jù)，所以不是很清楚。
您可能感興趣的文章:
- jQuery彈出遮罩層效果完整示例
- jQuery實(shí)現(xiàn)彈出帶遮罩層的居中浮動(dòng)窗口效果
- jQuery操作dom實(shí)現(xiàn)彈出頁面遮罩層(web端和移動(dòng)端阻止遮罩層的滑動(dòng))
- Jquery實(shí)現(xiàn)遮罩層的簡單實(shí)例(就是彈出DIV周圍都灰色不能操作)
- 使用jQuery制作遮罩層彈出效果的極簡實(shí)例分享
- jquery實(shí)現(xiàn)簡單的遮罩層
- jQuery點(diǎn)擊按鈕彈出遮罩層且內(nèi)容居中特效
- jQuery+AJAX實(shí)現(xiàn)遮罩層登錄驗(yàn)證界面（附源碼）
- 基于jquery的blockui插件顯示彈出層
- jquery.blockUI.js上傳滾動(dòng)等待效果實(shí)現(xiàn)思路及代碼
- jQuery實(shí)現(xiàn)帶遮罩層效果的blockUI彈出層示例【附demo源碼下載】
相關(guān)文章
jQuery鼠標(biāo)懸停內(nèi)容動(dòng)畫切換效果
本篇文章主要介紹了jQuery鼠標(biāo)懸停內(nèi)容動(dòng)畫切換效果的實(shí)例。具有很好的參考價(jià)值。下面跟著小編一起來看下吧2017-04-04
jQuery擴(kuò)展_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
這篇文章主要介紹了jQuery擴(kuò)展，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-07-07
關(guān)于jQuery object and DOM element
本篇文章，小編將為大家介紹，關(guān)于jQuery object and DOM element，有需要的朋友可以參考一下2013-04-04
用jquery與css打造個(gè)性化的單選框和復(fù)選框
利用jquery和css打造個(gè)性化的單選框和復(fù)選框,喜歡的朋友可以參考下。2010-10-10
jQuery學(xué)習(xí)筆記之jQuery.extend(),jQuery.fn.extend()分析
給jQuery做過擴(kuò)展或者制作過jQuery插件的人這兩個(gè)方法東西可能不陌生. jQuery.extend([deep],target,object1,,object2...[objectN]) jQuery.fn.extend([deep],target,object1,,object2...[objectN]) 這兩個(gè)屬性都是用于合并兩個(gè)或多個(gè)對象的屬性到target對象.2014-06-06
下面小編就為大家?guī)硪黄P(guān)于Jquery中的事件綁定總結(jié)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-10-10
jquery拖動(dòng)層效果插件用法實(shí)例分析(附demo源碼)
這篇文章主要介紹了jquery拖動(dòng)層效果插件用法,結(jié)合實(shí)例形式分析了jquery-ui-1.7.2.custom.min.js插件的具體使用技巧,并附帶完整demo源碼供讀者下載參考,需要的朋友可以參考下2016-04-04
jquery實(shí)現(xiàn)智能感知連接外網(wǎng)搜索
注意引用的插件及順序;搜索獲取選擇的值,智能感知連接外網(wǎng)搜索，具體實(shí)現(xiàn)如下，感興趣的朋友可以參考下哈，希望對你大家有所幫助2013-05-05
將jquery.qqFace.js表情轉(zhuǎn)換成微信的字符碼
這篇文章主要介紹了將jquery.qqFace.js表情轉(zhuǎn)換成微信的字符碼的方法，以及jquery.qqface.js的使用方法，需要的朋友可以參考下2017-12-12
jQuery實(shí)現(xiàn)鼠標(biāo)經(jīng)過像翻頁和描點(diǎn)鏈接效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)鼠標(biāo)經(jīng)過像翻頁和描點(diǎn)鏈接效果的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-08-08