使用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

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


發表自: 九五二七九五二七
愛漫畫愛遊戲愛上網愛星爺,小時摸到阿羅士與AppleII後註定宅一輩子,從紅白機玩到PS4,從386打到Xeon,沒日沒夜的打電動;待過所有宅產業,從光華混到NOVA,從遊戲滾到動漫,從攝影器材爬到網路電信,喜愛學習多於睡覺,無時無刻散發一股宅味,但號稱長的像梁朝偉XD

覺得讚想推薦或分享嗎?