jquery - Bootstrap 3.0.3: dropdown menu-items not clickable on mobile -



jquery - Bootstrap 3.0.3: dropdown menu-items not clickable on mobile -

on website links in dropdown menu's not working on mobile devices (android ánd ios). means when click on menu item on desktop, works fine, , when click same item on ipod touch closes dropdown , nothing. parent items function well.

for example: when press 'activiteiten' , press 'wandelroute', nil happens on mobile. when draw window (on desktop) @ width of 320px (like width of mobile device) menu works. uncertainty whether code causes problem or mobile device does.

what i've tried far:

i've set jquery , bootstrap in right order; included bootstrap-dropdown.js;

included next code:

.dropdown-backdrop { position: static; }

and there's other unusual thing. on this page of same website, menu functions okay on mobile devices. i've got absolutely no thought what's different on page compared other ones.

i'm using joomla 3.x, jquery 1.11.1 , bootstrap 3.0.3.

i believe might error bring thrown in browser console, coming code:

$('.dropdown-menu').on('touchstart.dropdown.data-api', (e) -> e.stoppropagation() )

you should find in index.php of template folder. 1 time located, alter following:

$('.dropdown-menu').on('touchstart.dropdown.data-api', function(e){ e.stoppropagation(); });

hope helps

jquery twitter-bootstrap drop-down-menu joomla joomla3.0

Comments

Popular posts from this blog

formatting - SAS SQL Datepart function returning odd values -

c++ - Apple Mach-O Linker Error(Duplicate Symbols For Architecture armv7) -

php - Yii 2: Unable to find a class into the extension 'yii2-admin' -