jquery 点击弹窗之外的地方,关闭?弹窗

jquery 点击弹窗之外的地方,关闭弹窗

方法一:

$(document).click(function(event){
    var _con = $(".select3_box");
    if(!_con.is(event.target) && (_con.has(event.target).length ===0)){
        _con.remove();
        $(mythis).show();
    }
});

方法二:

$(document).click(function(event){
    $(".select3_box").hide();
    $(mythis).show();
});

$(document).delegate(".select3_box","click",function(event){
    event.stopPropagation();
    console.log("ok");
})
时间: 2024-08-19 10:13:55

jquery 点击弹窗之外的地方,关闭?弹窗的相关文章

jquery点击元素之外触发事件

1 $("#errorMsg_layer").bind("click",function(e){ 2 if($(e.target).closest("#errorMsg_div").length == 0){ 3 foo();5 } 6 });//点击 #errorMsg_div 之外触发foo()方法.

jQuery点击自身以外地方关闭弹出层

$(function(){ $(document).bind("click", function (e) { if($(e.target).closest("#txt").length>0){ $("#tip").show(); }else{ $("#tip").hide(); } }); }); closest会首先检查当前元素是否匹配,如果匹配则直接返回元素本身.如果不匹配则向上查找父元素,一层一层往上,直到找到匹配

点击遮罩关闭弹窗效果

1 function videoPlay(obj){ 2 $(obj).hover(function () { 3 $(".detail",this).stop().fadeToggle(); 4 $(".detail",this).click(function(){ 5 var src = $(this).attr("data-url"); 6 $("#video").attr("src",src); 7

点击指定元素区域之外的地方

点击一个元素之外的地方,需要呈现某特定效果的方法: $(document).click(function(e){ var _con = $('.selectinput'); // 设置目标区域 if(!_con.is(e.target) && _con.has(e.target).length === 0){ $(".datalist").hide();//点击的动作 }; });

jQuery点击图片弹出大图遮罩层

使用jQuery插件HoverTreeShow弹出遮罩层显示大图 效果体验:http://hovertree.com/texiao/hovertreeshow/ 在开发HoverTreeTop项目的产品展示功能过程中,因为要把产品图片的大图显示给用户看,就使用jQuery制作了一个插件:HoverTreeShow ,使用该插件可以很方便的弹出图片的大图,已经运用在项目中了,除了上面链接的示例外,HoverTreeTop项目的产品展示也是一个实例,请访问链接:http://hovertree.co

单击页面任何地方关闭隐藏层

单击页面任何地方关闭隐藏层的一种新的实现方法,有需要得朋友可以参考对比一下,可以自己在此基础上扩展相关功能.(也可以在框架页中绑定单击事件,自己加一下即可.) <!doctype html> <html> <head> <meta charset="utf-8"> <title>单击页面任何地方关闭隐藏层</title> <script type="text/javascript">

基于jQuery点击图像居中放大插件Zoom

分享一款基于jQuery点击图像居中放大插件Zoom是一款放大的时候会从原图像的位置以动画方式放大到画面中间,支持点击图像或者按ESC键来关闭效果.效果图如下: 在线预览   源码下载 实现的代码. html代码: <div class="page-body"> <div style="width: 80px; height: 80px; margin-right: 10px; padding: 10px; float: left; background:

jquery点击缩略图切换视频播放的视频切换焦点图效果

一款由jquery实现的视频切换特效,可以像图片切换那样切换所选择的视频来播放,图片切换相对来说较简单,但视频切换的话就需要播放插件的支持,选择视频缩略图后,上边原来显示大图片的地方是显示一个播放器,每个缩图对应一个视频片段,视频电影站推荐使用. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transition

在android中如何通过点击edittext之外的部分使软键盘隐藏

我们知道在android中点击edittext框就会自动弹出软键盘,那怎么通过点击edittext之外的部分使软键盘隐藏呢?(微信聊天时的输入框就是这个效果,这个给用户的体验还是很不错的) 首先我们要先定义一个隐藏软键盘的工具类方法: 1 public static void hideSoftKeyboard(Activity activity) { 2 InputMethodManager inputMethodManager = (InputMethodManager) activity.g