20150504工作日志（遮盖效果，点击div以外的地方就收起内容，ajax的局部刷新连接）

最新推荐文章于 2021-08-18 17:11:09 发布

原创最新推荐文章于 2021-08-18 17:11:09 发布 · 778 阅读

本内容遵循CC 4.0 BY-SA版权协议

1，遮盖效果：

css：

.over {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 216%;
background-color: rgb(217, 217, 217);
opacity: 0.5;
z-index: 1000;
filter: Alpha(opacity = 50);
}

.layout {
position: absolute;
top: 50%;
left: 40%;
width: 20%;
height: 20%;
z-index: 1001;
text-align: center;
}

html：

<div id="over" class="over"></div>
  <div id="layout" class="layout">
   <img src="<%=ctx%>/web/img/loading.gif" />
  </div>

js：

$("#over").hide();
$("#layout").hide();

2，jquery的closest和bind的方法例子*(点击div以外的地方，就收起内容)：

$(window).bind( "click", function(e){
  var target = $(e.target);
  //alert(target.closest("#fw_wb_div").length);
  if(target.closest("#fw_wb_div").length == 0){
  // alert("dianji");
   var ihtml = "";
$("#target").html(ihtml);
  }
});

3,在直接给某个id绑定事件时很容易触发初始函数（init），造成全局刷新，这样一些参数又都初始化了。

怎么解决呢？就是给他这个id，在html中给他绑定函数。例如：<a class='' href=\"javascript:函数名('"+参数+"')\">内容</a>