我正在使用一个颜色选择器,当在它外面的任何地方进行点击时应该隐藏它。 问题是,即使在选择器内进行点击,它也会消失。
$('body :not(#picker)').click(function() {
$('#picker').fadeOut();
});
我尝试了这个,但它会显示选择器并立即隐藏它。 有人有建议吗?
答案 0 :(得分:19)
尝试使用event.target获取已点击的元素:
$("body").click(function(event) {
if (event.target.id != "picker") {
$("#picker").fadeOut();
}
});
答案 1 :(得分:3)
$("body").click(function(e) {
if ($(e.target).attr('id') == 'picker') {
return;
} else {
$('#picker').fadeOut();
}
});