jquery 点击div 以外窗口隐藏的方法

原创 2015年11月17日 20:05:53
//添加话题
$(".jiahao").on("click",function(e){
var top = $(this).offset().top+25;
var left =  $(this).offset().left-34;
console.log("---------------top-------------------"+top);
console.log("---------------left-------------------"+left);
$('#js_topicAdd').css({display:"block"});
$('#js_topicAdd').css("top",top);
$('#js_topicAdd').css("left",left);
e = e||event; stopFunc(e);
});
$('#js_topicAdd').click(function(e){
e = e||event; stopFunc(e);

$(document).click(function(e){
$('#js_topicAdd').css({display:"none"});

});




function stopFunc(e){
    e.stopPropagation?e.stopPropagation():e.cancelBubble = true;
}

jQuery实现点击除了特定div的页面其它地方,隐藏该div功能。

jQuery实现点击除了特定div的页面其它地方,隐藏该div功能。 在触发DOM上的某个事件的时候会产生一个事件对象event,这个对象包含着所有与事件有关的信息,包括产生事件的元素、事件类型等相关...
  • u014175572
  • u014175572
  • 2016年06月07日 11:29
  • 13421

使用jquery实现点击按钮弹出层和点击空白处隐藏层

使用jquery弹出层和点击空白处隐藏层 $(function () { $('#btnShow').click(f...
  • bianjing40
  • bianjing40
  • 2015年10月25日 01:15
  • 2832

jQuery点击空白处隐藏弹出层

一款jQuery点击空白处隐藏弹出层网页特效,点击按钮弹出层、点击页面空白处弹出层消失JS代码。主要功能是点击按钮弹出层显示,然后通过点击页面任意位置都能关闭弹出层显示效果,主要是$(document...
  • Sky786905664
  • Sky786905664
  • 2016年11月23日 19:36
  • 5960

实现弹出一个隐藏的div窗口,body页面变成灰色并且不可被编辑

当需要实现如下图操作,点击服务评分,出现一个服务评分窗口用来填入相关表单信息 可是这会让我们打开服务评分界面时还可以点击body主界面中的购物车等链接,这是不对的,因此我们可以使用层叠样式表来指定外...
  • qq_27905183
  • qq_27905183
  • 2016年12月13日 23:44
  • 1484

用jQuery实现弹出窗口/弹出div层

原文链接:http://hi.baidu.com/awz_tiger/item/863cfc10c4bb0f6171d5e8d9 http://blog.163.com/qiuxinke2006...
  • dmtnewtons
  • dmtnewtons
  • 2013年08月29日 11:33
  • 8668

jquery控制div隐藏与显示的几种效果

无标题文档 $(document).ready( function(){}); function hiden(){ $("#divObj").hide();//hide()函数,实现隐...
  • waysoflife
  • waysoflife
  • 2014年04月14日 14:26
  • 4105

用jQuery实现弹出窗口弹出div层

通过今天的jquery实例学习,我们要达到这样的效果:点击页面的链接,弹出一个div层,同时页面的其他部分变灰并且不能点击;无论是改变浏览器窗口大小还是下拉滚动条,这个弹出层都能始终保持居中;点击页面...
  • samruo
  • samruo
  • 2017年01月09日 16:06
  • 3110

在空白处点击,实现隐藏div(下拉菜单或其它弹框)的方法

一个小需求的实现,有时候我们点击网站页面的一个下拉菜单按钮,可能要再次点击那个按钮才能使下拉菜单消失,这里要实现的需求是在其他地方(除下拉菜单和按钮以外的地方)点击也要使下拉菜单消失,这样做可以提高用...
  • s915097991
  • s915097991
  • 2016年04月16日 21:37
  • 6703

js实现点击div隐藏相应部分,再次点击显示

首先看一下html和css的结构: #nav_left{ width:120px; height:600px; background-color:#333; margi...
  • csdn_zsdf
  • csdn_zsdf
  • 2017年08月04日 15:40
  • 1210

js点击隐藏和显示div

display function hidetext() { var mychar = document.getElementById("con").styl...
  • CCC65A8780D2C
  • CCC65A8780D2C
  • 2016年12月24日 14:32
  • 5437
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery 点击div 以外窗口隐藏的方法
举报原因:
原因补充:

(最多只允许输入30个字)