安卓微信中bootstrap下拉菜单无法正常工作的解决方案

bootstrap下拉菜单组件描述:http://v3.bootcss.com/components/#dropdowns

问题环境:安卓4.4.2,微信6.2内置浏览器,bootstrap 3.1.1.1

问题描述:bootstrapV3的下拉菜单组件,在ios的微信浏览器中表现正常,但安卓微信浏览器中无法正常触发,安卓非微信浏览器可以触发

问题触发条件:未知

解决方案:去除button元素的属性data-toggle="dropdown",自己另外写一小段事件监听代码来切换div.dropdown的open类

近日在公司做微信页面开发,用bootstrap V3的下拉菜单的时候,ios的微信内置浏览器正常,但安卓微信中异常,95%的情况下,单击按钮无法呼出下拉菜单(偶尔可以触发一次)。

安卓微信内置浏览器显示为"QQ浏览器X5内核",曾经怀疑是安卓微信中的兼容性bug,但是如果将下拉菜单这段代码单独放到一个空的页面中,却是可以正常工作的,多番调试未能定位导致bug的原因。解决方案是连蒙带猜尝试出来的,如果你也遇到了相同的问题,有任何看法或解决方案,可以留言讨论。