解決bootstrap的Navbar的Dropdown在行動裝置上會失效的問題

9985     
使用bootstrap通常是為了他的RWD

偏偏在行動裝置上，v2版本有個bug不知為何沒修正就往v3發展了

害我不能用官方的CDN來省流量

以下是修補Navbar選單裡的Dropdown，

在行動裝置上點擊會失效的問題

--summary--

![](/content/images/2014/news_pic_71_1.jpg)

找到您的js檔，可能是沒壓縮的bootstrap.js或有壓縮的bootstrap.min.js

**方法一**

找到"ontouchstart"

改成"disable-ontouchstart"

**方法二**

直接在這行

$('<div class="dropdown-backdrop"/>').insertBefore($(this)).on('click', clearMenus)

加上兩撇斜線註解掉，如下

// $('<div class="dropdown-backdrop"/>').insertBefore($(this)).on('click', clearMenus)

以上方法有沒有副作用，還不知道，

但是github及stackoverflow上的解法是如此

附上來源如下

https://github.com/Bitergia/bootstrap/commit/25e8eeb47f01aceed57cb2715036a69395892fa8

http://stackoverflow.com/questions/17435359/bootstrap-collapsed-menu-links-not-working-on-mobile-devices
標籤:

相關文章