Colorbox not working with jQM #164

Closed
bardu opened this Issue Feb 21, 2012 · 5 comments

Projects

None yet

3 participants

@bardu
bardu commented Feb 21, 2012

I'm using colorbox to open an external website in an iFrame so the user doesn't have to leave my app. This works when using with jQuery in iOS and Android based smart phones as expected. However, when using colorbox with jQuery Mobile the external website opens but not in the iFrame . Firebug doesn't report any errors.

Has somebody a clue why colorbox is not working with jQM?

@Ramoonus

jQM version?
colorbox version?
jquery version?

@bardu
bardu commented Feb 21, 2012

jQM v 1.0.1
jQuery 1.6.4
Colorbox 1.4.0

@bardu
bardu commented Feb 22, 2012

It looks like the issue is caused by the jQM Ajax driven page navigation. If I reload the page that uses colorbox or access the page directly, colorbox works as expected.

@bardu bardu closed this Feb 22, 2012
@jackmoore
Owner

I've never tested ColorBox with jQuery Mobile. I would guess they are
not compatible.

On Tue, Feb 21, 2012 at 2:03 PM, bardu
reply@reply.github.com
wrote:

I'm using colorbox to open an external website in an iFrame so the user doesn't have to leave my app. This works when using with jQuery in iOS and Android based smart phones as expected. However, when using colorbox with jQuery Mobile the external website opens but not in the iFrame . Firebug doesn't report any errors.

Has somebody a clue why colorbox is not working with jQM?


Reply to this email directly or view it on GitHub:
#164

Jack Moore
jacklmoore.com
twitter.com/jacklmoore

@bardu
bardu commented Feb 22, 2012

Well, I got my use case to work by binding the colorbox init code to the jQM pageshow event. However, the other issue I have encountered is that the external page does not resize properly in the iFrame.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment