Search jQuery

jQuery Forum

click() not firing on mobile version

in jQuery Mobile • 7 years ago

Hello guys,

I have this project that I builded using pieces of code from various sources. It work perfectly on desktop version, but for mobile devices the fancybox does not work. Can anybody give some hint on what is wrong?

Here's the fiddle: http://jsfiddle.net/mk0tzhp4/44/

Any help help will be appreciated.

Regards

Replies(5)

watusiware

Re: click() not firing on mobile version

7 years ago

Your fiddle is empty.

Is fancybox meant to work with touch devices? (Seems to work with my iPad.) Is it meant to work with jQuery Mobile? Check with the support site and/or ask the author. Many jQuery plugins will require some special instructions to work with jQuery Mobile, or may not work correctly at all.

I would certainly not expect to just throw any jQuery plugin into a jQuery Mobile project and expect it to just work. (I realize it may be easy to assume that - but that is not the reality.)

Does the demo work on your device? What device?

Julian De..

Re: click() not firing on mobile version

7 years ago

Hello, thanks for the reply. Yes, indeed, fancybox works perfectly on mobile devices. I tried on my Kindle fire, Ipad and Iphone 5, and facybox works. But my project doesn't seems to be able to trigger the script on those devices, or any mobile version. Maybe there is something I'm missing here between the desktop and mobile version... The fiddle is working here: Fiddle

watusiware

Re: click() not firing on mobile version

7 years ago

Does fancybox claim to work with jQuery Mobile?

Again: you should not assume that random jQuery plugins will be compatible with jQuery Mobile. Check the fancy box site and/or ask the author.

watusiware

Re: click() not firing on mobile version

7 years ago

Do not use $(document).ready() in jQuery Mobile projects.

http://demos.jquerymobile.com/1.3.2/faq/dom-ready-not-working.html

watusiware

Re: click() not firing on mobile version

7 years ago

What are you trying to accomplish with the .onclick() inline event handlers that try to click on hidden buttons? Can you do this in a more straightforward way?

It's not conventional to use inline event handles in jQuery Mobile projects. It's better to just bind or delegate in some JS code.

I presume that fancybox has some API you can use to control it. Use the API, don't create fake clicks on hidden buttons!

I suspect the issue is that in some browsers you cannot simulate a click on a hidden element.

Top Reply

Response title

Attachments

jQuery Forum

click() not firing on mobile version

Replies(5)

Re: click() not firing on mobile version

Re: click() not firing on mobile version

Re: click() not firing on mobile version

Re: click() not firing on mobile version

Re: click() not firing on mobile version

Statistics

Tags

Actions