Javascript 单击选项卡时，Bootstrap 3下拉列表丢失

我创建了一个下拉菜单；我有一个问题，比如：

当我尝试单击选项卡（如

ALL

或

FILM

）时，它将关闭所有元素

我必须再次单击按钮

PRODUCT.dropdown toggle

重新打开

我的示例代码如下所示：

var-App=函数（）{
返回{
//动画下拉列表
initAnimateDropdown:函数（）{
函数MenuMode（）{
jQuery（'.dropdown'）.on（'show.bs.dropdown'，函数（e）{
jQuery（this）.find（'.dropdown menu'）.first（）.stop（true，true.slideDown（）；
});
jQuery（'.dropdown'）.on（'hide.bs.dropdown'，函数（e）{
jQuery（this）.find（'.dropdown menu'）.first（）.stop（true，true.slideUp（）；
});
}
jQuery（窗口）.调整大小（函数（）{
if（jQuery（window）.width（）>768）{
MenuMode（）；
}
});
if（jQuery（window）.width（）>768）{
MenuMode（）；
}
},
};
}();














只需单击事件处理程序，即可停止播放

$(document).on('click', '.dropdown-menu', function (e) {
    e.stopPropagation();
});

stopPropagation防止事件在DOM树中冒泡，防止任何父处理程序收到事件通知

参见参考文献


$（文档）。在（'单击'，'上。下拉菜单'，函数（e）{
e、 停止传播（）；
});
var App=函数（）{
//固定收割台
函数handleHeader（）{
jQuery（窗口）.滚动（函数（）{
if（jQuery（window）.scrollTop（）>100）{
jQuery（“.header fixed.header sticky”）.addClass（“header fixed shrink”）；
}
否则{
jQuery（“.header fixed.header sticky”）.removeClass（“header fixed shrink”）；
}
});
}
//测试标题是否平滑滚动
函数handletesHeader（）{
jQuery（窗口）.滚动（函数（）{
if（jQuery（window.scrollTop（））{
jQuery（“.header fixed.header sticky”）.addClass（“header fixed shrink”）；
}
否则{
jQuery（“.header fixed.header sticky”）.removeClass（“header fixed shrink”）；
}
});
}
//标题巨型菜单
函数handleMegaMenu（）{
jQuery（文档）.on（'click'，'）.mega菜单.下拉菜单'，函数（e）{
e、 停止传播（）；
})
}
//搜索框（标题）
函数handleSearch（）{
jQuery（'.search'）。单击（函数（）{
if（jQuery（'.search btn'）.hasClass（'fa-search'））{
jQuery（'.search open'）.fadeIn（500）；
jQuery（'.search btn'）.removeClass（'fa-search'）；
jQuery（'.search btn'）.addClass（'fa-times'）；
}否则{
jQuery（'.search open'）.fadeOut（500）；
jQuery（'.search btn'）.addClass（'fa-search'）；
jQuery（'.search btn'）.removeClass（'fa-times'）；
}
});
}
//搜索框v1（标题v5）
函数handleSearchV1（）{
jQuery（'.header-v5.search按钮'）。单击（函数（）{
jQuery（'.header-v5.search open'）.slideDown（）；
});
jQuery（'.header-v5.search close'）。单击（函数（）{
jQuery（'.header-v5.search open'）.slideUp（）；
});
jQuery（窗口）.滚动（函数（）{
if（jQuery（this）.scrollTop（）>1）jQuery（'.header-v5.search open'）.fadeOut（'fast'）；
});
}
//侧栏导航切换
函数handleToggle（）{
jQuery（'.list toggle'）。打开（'click'，函数（）{
jQuery（this.toggleClass（'active'）；
});
/*
jQuery（'#serviceList'）.on（'show.bs.collapse'），function（）{
jQuery（“.servicedrop”）.addClass（'glyphicon-chevron-up'）.removeClass（'glyphicon-chevron-down'）；
}
jQuery（'#serviceList'）.on（'hidden.bs.collapse'），function（）{
jQuery（“.servicedrop”）.addClass（'glyphicon-chevron-down'）.removeClass（'glyphicon-chevron-up'）；
}
*/
}
//等高柱
函数handleEqualHeightColumns（）{
var EqualHeightColumns=函数（）{
$（“.equal height columns”）。每个（函数（）{
高度=[]；
$（“.equal height column”，此）.each（函数（）{
$（此）.removeAttr（“样式”）；
heights.push（$（this.height（））；//将列的高度写入数组
});
$（“.equal height column”，this）.height（Math.max.apply（Math，heights））；//查找