如下图所示,点击“提示”,动态创建一个div后,现在要求点击页面任意其他地方可以关闭该div ,请教下该如何处理?
创建的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");
$(document).click(function(target){
if($(target)!=$("#tooltip"))$("#tooltip").hide();
});
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。