jquery 添加点击事件,实现点击非本窗口元素时,隐藏窗口(适合页面中存在多个小提示窗口)。
需事先在每个窗口元素中添加相应的标识(标识可以是class等)。
$(document).bind('click',function(e){ //自定义航班窗口隐藏 if ($("#userFlightSelect").css("display") == "block") { if(!$(e.target).hasClass("flightOpen") && $(e.target).parents(".flightOpen").length == 0){ $("#userFlightSelect").css("display","none"); } } //自定义时间窗口隐藏 if ($("#timeIntervalSelect").css("display") == "block") { if((!$(e.target).hasClass("light")) && $(e.target).parents(".light").length == 0){ $("#timeIntervalSelect").css("display","none"); }}
});