DMXzone Lightbox Support Product Page

Lightbox Loads page instead of image when in jquery mobile ui

Reported 26 Apr 2012 02:29:39
1
has this problem
26 Apr 2012 02:29:39 Chuck Borrelli posted:
I am build a mobile site using the JQuery mobile, which is quite nice, and was looking to use a nice gallery...thinking your light box would work.

It works fine when viewed on a computer browser...

www.dynamicsights.com/m/gal_giant.php

but when viewed on the iPhone, it loads the entire page into the lightbox again, as opposed to just the image.

Suggestions? Should I pursue this, or will it never work?

Replies

Replied 26 Apr 2012 06:42:55
26 Apr 2012 06:42:55 Teodor Kuduschiev replied:
Hello Chuck,

I just created a mobile page using DW > File New > Mobile Starters > jQuery Mobile (CDN)

And inserted a lightbox gallery into a page content - it works fine on iphone, ipad and android.

I see some syntax errors on your page - maybe this is the problem:
You have 4 opening <div> tags and only 3 closing </div> tags..

Replied 26 Apr 2012 08:43:50
26 Apr 2012 08:43:50 Teodor Kuduschiev replied:
Hi Again,

goo.gl/z1Gnn here is the link to my demo page.
Replied 26 Apr 2012 10:48:19
26 Apr 2012 10:48:19 Chuck Borrelli replied:
balanced the divs, same problem.

I am using dw cs 5 so mobile starter is not available. I am using jquery mobile 1.1
Replied 26 Apr 2012 11:10:49
26 Apr 2012 11:10:49 Chuck Borrelli replied:
After working with Teodor, it was discovered that it was an issue with using jquery mobile 1.1

For the gallery pages I will be using 1.0 until the issue is resolved
Replied 29 Apr 2012 21:13:51
29 Apr 2012 21:13:51 Chuck Borrelli replied:
there is another issue with this..
Not only will it not work with 1.1.0 JQuery Mobile, there is an issue with the AJAX loading.

I keep my galleries on a separate page (to minimize data usage... don't load the thumbnails unless needed.

If that is done, you must set data-ajax="false" for external links. The page loads, but it breaks a lot of scripts...

Reply to this topic