javascript - 如果 aria extended 为 false，则不会删除 Twitter Bootstrap 下拉事件类

Question

我正在使用 bootstrap 3，我正在通过 jQuery 切换向下拉菜单添加一个类。如果我单击齿轮(下拉菜单)，它会很好地切换。但是，如果我点击齿轮外，下拉菜单事件类不会被删除。如果属性 aria-extended 为假，我尝试删除它，但它似乎不起作用。需要一些帮助。查看 jsfiddle

$(document).ready(function(){

$('.cog-wrapper').removeClass('active');

$('.dropdown').click(function (){
$('.cog-wrapper').toggleClass('active');        
});
if($("span[aria-extended="false"]")){
$('.cog-wrapper').removeClass('active');
}
});

http://jsfiddle.net/dtello2012/ns4wz58c/4/

Answer 1

对于菜单中没有的任何内容，您都需要一个点击处理程序:

http://jsfiddle.net/p8exm91q/

相关部分:

$(document).click(function(event) { 
    if(!$(event.target).closest('#dropdownMenu1').length) {
        $(".cog-wrapper").removeClass("active");
    }        
});

如果您点击的不是菜单内的内容，$(event.target).closest("#dropdownMenu1") 将不会返回任何内容。