开发者社区> 问答> 正文

动态创建的div 打开后,点击任意其他地方可以关闭该div

如下图所示,点击“提示”,动态创建一个div后,现在要求点击页面任意其他地方可以关闭该div ,请教下该如何处理?
screenshot
创建的div 打开后,点击任意其他地方可以关闭该div
OSC青岛济南源创会报名开始!>>> »

如下图所示,点击“提示”,动态创建一个div后,现在要求点击页面任意其他地方可以关闭该div ,请教下该如何处理?

代码如下:

var tooltip = "<iframe frameborder='0' id='hideSelect'></iframe>" +
"<div id='tooltip'>" +
"<h1><a>关闭</a></h1>" +
"</div>"; 
        $("body").append(tooltip);    
        $("#tipContent").html("<div class="n">没有信息</div>");
        var offset = $(this).offset();
        var left = offset.left;
        var top = offset.top+ $(this).height();
        var $tooltip = $("#tooltip");
        $("#hideSelect").css({
                    "top": top + "px",
                    "left": left  + "px",
                    "width": $tooltip.width() + "px",
                    "height": $tooltip.height()+8 + "px"
                });
        $tooltip.css({
                    "top": top + "px",
                    "left": left  + "px"  
                }).show("fast");

展开
收起
a123456678 2016-07-05 10:11:45 2840 0
1 条回答
写回答
取消 提交回答
  • $(document).click(function(target){
    
      if($(target)!=$("#tooltip"))$("#tooltip").hide();
    
    });
    
    
    2019-07-17 19:51:12
    赞同 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载