fancybox & jQuery-Mobile work on desktop-browser but NOT on mobile device?!
MojitoJoe
I'm working on a private webpage which shall be used easily on a mobile device (Android, IPhone, etc.) and a desktop-computer - containing some jQuery-PlugIns but nothing extraordinary. I use everywhere the newest available version of each component!
First, fancybox had problems with jQueryMobile out-of-the-box even on a desktop-computer. Due to debug-possibilities on my desktop the problem could be located, analyzed and fixed after some hours.
Afterwards everything seemed fine on my desktop-browser and I published the project onto the mobile device and recognized that fancybox is behaving strange now again.
I always get
The requested content cannot be loaded. Please try again later.
when clicking on a fancyBox-hyperlink. So I isolated the problem meanwhile: It has to do with jQueryMobile & fancybox.
I published two testpages where you can investigate the layout:
- a simple not working page just with a hyperlink which uses both, jQueryMobile AND fancyBox
- the same but working page but without jQueryMobile (only fancyBox)
The strange thing is that both are working on a desktop computer and different browsers while only the version without jQueryMobile is working on my android phone. Which therefore also makes it impossible to me to debug it (don't know how!).
Does anyone know what this problem is about?
MojitoJoe
Just found this one by fluke: https://github.com/jquery/jquery-mobile/issues/3836