z-index解决弹出层遮罩层覆盖子div不能显示输出的问题
// 添加以下代码来进行测试:
// ajax 发生错误,就会执行
$('body').ajaxError(function(e, xhr, setting, text){
// e - event 事件
// xhr - XMLHttpRequest 对象
// setting - ajax 设置
// text - 错误信息
alert(text);
});
// ajax 完成后,就会执行
$('body').ajaxComplete(function(){
alert('complete'); // ajax 请求完成就会执行
})
//同步请求,锁住浏览器
$.ajax({
url: '/sms/AjaxSMS.ashx',
type: "POST",
data: "txtcontent=" + content+"&txtback=" + content2+"",
async: false,
dataType:"json",
success: function(data) {
if (data == "成功" || data == "[object XMLDocument]") {
IsAddSuffix(hdtatolSMS, arr, mob); //后缀名
confirm("您本次发送短信数量为:" + (parseInt(hdtatolSMS) * arr.length) + ",确认发送吗?");
} else {
alert(content + "可能涉及广告类、营销类等系统不允许发送的内容,请修改后再发送。");
}
},
error: function(a) {
alert(a.responseText);
}
});
//添加后缀判断
function IsAddSuffix(data, arr, mob) {
var txtBack = document.getElementById("ctl00_ContentPlaceHolder1_txtBack").value;
if (txtBack == "") {
confirm("后缀为空,您本次发送短信数量为:" + (parseInt(data) * arr.length) + ",确认发送吗?");
} else {
if (txtBack.length + mob.value.length > maxnums - 1) {
alert("内容加上后缀(系统自动补充空格)长度不能起过" + maxnums + "个字符,请重新输入!");
}
}
}
<script type="text/javascript" language="javascript">
$(function() {
//弹出提示框(快旅新域名)
var isRead = getHCookie('warnTips');
if (isRead == null) {
popupDiv('pop-div');
}
function popupDiv(div_id) {
var div_obj = $("#" + div_id);
var windowWidth = document.documentElement.clientWidth;
var windowHeight = document.documentElement.clientHeight;
var popupHeight = div_obj.height();
var popupWidth = div_obj.width();
//添加并显示遮罩层
$("<div id='mask'></div>").addClass("mask")
.width(windowWidth * 0.99)
.height(windowHeight * 0.99)
//.css({ "position": "absolute", "background": "#CCCCCC", "left": "0px", "top": "0px", "zIndex": "1", "filter": "Alpha(Opacity=60)" })遮盖层
.css({ "position": "absolute" })
.click(function() { hideDiv(div_id); })
.appendTo("body")
.fadeIn(200);
div_obj.css({ "position": "absolute" })
.animate({ left: windowWidth / 2 - popupWidth / 2,
top: windowHeight / 2 - popupHeight / 2, opacity: "show"
}, "slow");
}
});
function hideDiv(div_id) {
$("#mask").remove();
$("#" + div_id).animate({ left: 0, top: 0, opacity: "hide" }, "slow");
//记录cookie
SetHCookie('warnTips', 'read');
//window.parent.del();
}
function SetHCookie(name, value)//两个参数,一个是cookie的名称,一个是值
{
var Days = 1; //此 cookie 将被保存 1 天
var exp = new Date();
exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000);
document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString();
}
function getHCookie(name)//取cookies函数
{
var arr = document.cookie.match(new RegExp("(^| )" + name + "=([^;]*)(;|$)"));
if (arr != null) return unescape(arr[2]); return null;
}
function delHCookie(name)//删除cookie
{
var exp = new Date();
exp.setTime(exp.getTime() - 1);
var cval = getHCookie(name);
if (cval != null) document.cookie = name + "=" + cval + ";expires=" + exp.toGMTString();
}
</script>
z-index遮罩层的光标输入方案:遮罩层问题。必须设置z-index,必须小于父div元素的数值,不然会失去效果。
z-index解决弹出层遮罩层覆盖子div不能显示输出的问题的更多相关文章
- html+css源码之实现登录弹出框遮罩层效果
在web开发中,很多网站都做了一些特别炫丽的效果,比如用户登录弹框遮罩层效果,本文章向大家介绍css如何实现登录弹出框遮罩层效果,需要的朋友可以参考一下本文章的源代码. html+css实现登录弹出框 ...
- jquery弹出关闭遮罩层实例
jquery弹出关闭遮罩层实例. 代码如下: <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" & ...
- js实现弹出窗口+遮罩层+tab切换
[功能1]点击约谈按钮,弹出对话框和遮罩层(自己的叫法 专业叫法没有查) [部分重点代码] [下面的方法] (1)获取系统时间如何实现(2)点击如何实现弹出窗口和遮罩层 $(".date_n ...
- jQuery点击图片弹出大图遮罩层
使用jQuery插件HoverTreeShow弹出遮罩层显示大图 效果体验:http://hovertree.com/texiao/hovertreeshow/ 在开发HoverTreeTop项目的产 ...
- 根据juery CSS点击一个标签弹出一个遮罩层的简单示例
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m ...
- jQuery弹出关闭遮罩层
效果体验:http://keleyi.com/keleyi/phtml/jquery/9.htm 完整代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XH ...
- ifream页面弹出框遮盖层覆盖父页面
1.首先找到子页面上遮罩层的id, 2.然后再父页面编写个js方法 function shade() { $(".layui-layer-shade").height($(wind ...
- JS中通过LayUI的layer.prompt弹出文本输入层,多个按钮回调获取输入值
JS中通过LayUI弹出文本输入层,多个按钮回调: 如图所示,输入文本后点击通过/不通过按钮回调获取输入文本值的实现: 实现JS: layer.prompt({ formType: 2, // 弹出文 ...
- MUI - 解决弹出输入法时页面高度变小导致底部上浮的问题
解决弹出输入法时页面高度变小导致底部上浮的问题 在有输入框的页面,当输入法弹出的时候,底部元素上浮遮盖了输入框,影响页面美观及功能.查找了一下,页面变窄是不可避免的.即使是设置绝对固定也是不可以的.因 ...
随机推荐
- hdu 4635 Strongly connected (tarjan)
题意:给一个n个顶点m条弧的简单有向图(无环无重边),求最多能够加入多少条弧使得加入后的有向图仍为简单有向图且不是一个强连通图.假设给的简单有向图本来就是强连通图,那么输出-1. 分析: 1.用tar ...
- 走进C++程序世界------继承和派生
继承和派生 继承是面向对象编程语言的最重要方面之一,正确的使用继承可编写出设计良好,容易于维护和扩展的应用程序.下面是在其他博客中的总结: ****************************** ...
- ffmpeg学习笔记
对于每一个刚開始学习的人,刚開始接触ffmpeg时,想必会有三个问题最为关心,即ffmpeg是什么?能干什么?怎么開始学习?本人前段时间開始接触ffmpeg,在刚開始学习过程中.这三个问 ...
- Hacker(四)----查看计算机的IP地址
计算机接入Internet后,Internet就会给该计算机分配一个IP地址,若要查看该IP地址,可以借助度娘(百度,google)来实现.输入"IP地址查询"关键字,即可查看当前 ...
- C语言的面向对象设计 —— 对 X264/FFMPEG 架构探讨
1.为什么要用C语言 直到今天,C语言虽然不是使用人数最多的语言了,但是C没有老去,在很多的核心系统代码里,依然跑的是设计精美的C,绝大多数的嵌入式开发核心库软件是C开发的,多数标准算法是基于标准C设 ...
- java中String的用法
String的用法很活跃,也用到的很多.可以根据自己的需要查询API.这里只有concat和substring,indexof的用法 class TestString { public static ...
- css3动画学习的例子来源
1.这里面有不同的鼠标经过图片效果,图片变大变小,出现文字,向左移动等等 http://dinolatoga.com/demo/webkit-image-hover-effects/ 2.有一篇博客, ...
- Android studio教程:[4]真机测试
有了Android studio这么好用的软件,自然要有一部不错的安卓手机,然后在真机上测试自己的程序,那样才能更好的发现程序中存在的问题,毕竟模拟器不是真正的手机嘛. 工具/原料 Android s ...
- Foundation--NSArray+NSMutableArray
C语言中数组只能存放一种类型 OC语言中数组可以存放多种类型,但是只能是对象类型,不可以是基本类型 我们实际中最好在一个数组中只存放一种类型的元素 nil表示数组的结尾,所以我们不能填写值为nil的对 ...
- HttpWebRequest在GetResponse时总是超时
最近在通过RESTFUL接口来发布些数据,总是出现请求超时,好不容易找到个靠谱点的了,记下来,回去试下!! “ 问题就是我第一个HttpWebRequest在GetResponse之后,忘记将取得的W ...