使用bootstrap通常是為了他的RWD
偏偏在行動裝置上,v2版本有個bug不知為何沒修正就往v3發展了
害我不能用官方的CDN來省流量
以下是修補Navbar選單裡的Dropdown,
在行動裝置上點擊會失效的問題
找到您的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