Does v3.1 Conflict with prettyPhoto lightbox script?

[Aardvarky]

I seem to be having a strange problem that has started occuring since updating to v3.1, where hyperlinks that should open in an iframe lightbox using rel=”prettyPhoto”, are now not working from within the Mini-Calendar Widget.

This previously worked: http://sandboxf.aardvarky.com
It still works with a link on another page: http://sandboxf.aardvarky.com/why-st-johns/ but not on the front page from within the Mini-Calendar Widget.

Has something changed?

[Aardvarky]

UPDATE: I’ve been playing around adding/removing events from the calendar & have noticed something strange. When the page loads and you click on an event listed it opens in the lightbox. However, click forward to the next month, or click on any other date whether in the future or past, and then clicking on the event doesn’t open up in the lightbox… 🙁

[Barry]

Hi sguilliard,

I’m not aware of any conflict here (though there may be) – but really I feel this is in the domain of custom development and integration with something like a lightbox script isn’t going to be something we can really assist with, unfortunately.

[Aardvarky]

I just want to know whether there is any reason that a lightbox script would be prevented from initialising by perhaps the Ajax UI? Not really integration as I’ve already done that.

I’m trying to prevent lost of running around trying out different Lightbox scripts only to find that there’s somthing in the way you’ve implemented the Ajax UI that would stop any lightbox script from working.
I’m suspecting Ajax as the problem only occurs after clicking on anything in the UI such as a date…
I guess I’m on my own with this one, discovering what is going on in someone else’s code by myself… 🙁

[Barry]

I just took a second look and on clicking one of the links below the mini calendar widget it opened in the lightbox – guessing you figured out a solution for this?

[Aardvarky]

No, I haven’t got a solution. Try clicking on one of the dates first, or go through to November and then click on an event. It will no longer open in lightbox.

Then, refresh the page, click on an event and it opens in Lightbox as you’ve just discovered. This is the ONLY time links open in lightbox as they should; when they’re clicked on first before anything else. If anything other in the GUI is clicked such as specific date with events or forward/backward to the next month, BEFORE clicking on an event, the lightbox will not open. 🙁

[Barry]

Ah, I see you what you mean now. So your description of events makes me think something like this is happening:

* A script (your own/your lightbox script) is listening out for click events on various link elements
* It is probably binding itself to those events once the page loads
* When something – like the calendar widget – dynamically changes its HTML after the page has initially loaded then any events relating to the new links it creates will not be caught by the custom script

In essence then what you probably need to do is listen out for events relating to calendar widget operations and then re-bind. Hope that helps!

[Barry]

I’m going to go ahead and close this as we can’t offer much in the way of further support for this issue, but hopefully the above idea gets you on track toward a solution.

Thanks – and if anything else crops up please don’t hesitate to create a new thread or threads as needed.

[Author]

Posts