单击页面主体时隐藏div

Question

我在点击外部时很难隐藏div;身体。

jQuery(document).ready(function($) { 
$('.list_container').hide().before('<div class="listbtn"> </div>'); 
$('.listbtn').click(function() { 
    $('.list_container').animate({width: 'toggle'}); 
    return false; 
}); 
}); 

我在寻找隐藏.list_container单击正文时，最好它将动画切换为隐藏。

Answer 1

您必须在document上绑定和事件，并防止容器本身的点击传播。

$(document).on("click", function() { 
    $(".list_container").fadeOut(); 
}); 

$(document).on("click", ".list_container", function(event) { 
    event.stopPropagation(); 
}); 

看看这个Fiddle

Answer 2

你需要一个onclick适用于隐藏div和一个onclick到停止繁殖或事件的冒泡到父div中的文件：

$(document).click(function() { 
    $('.list_container').hide(); 
}); 

$('.list_container').click(function (e) { 
    e.stopPropagation(); 
});