jquery blockUI 遮罩不能消失與不能提交的解決方法

更新時(shí)間：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 動(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ù)不能提交到后臺了，使用ajax可以
要提交到后來，請教后明白，遮罩層不再當(dāng)前form中，所以提交后沒有form不能提交
解決辦法，把遮罩層部分，放置到form中
$('#divlogin').parent().appendTo(jQuery("form:first"));---還為完全找到放到form外面的遮罩層數(shù)據(jù)，所以不是很清楚。

您可能感興趣的文章:

blockUI

相關(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ān)于Jquery中的事件綁定總結(jié)
下面小編就為大家?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