安卓微信中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的原因。解決方案是連蒙帶猜嘗試出來的,如果你也遇到了相同的問題,有任何看法或解決方案,可以留言討論。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM