[jQuery] Lightbox or PrettyPhoto or Fancybox break when submitting content with jEditable plugin
i have a site that uses a lightbox based image viewer and the
jeditable plugin. basically my site has a photo gallery and below each
gallery i have the option to set a caption to the photo. i have done
the caption using jeditable and i've also tried using the ajaxForm
plugin for jquery to see if jeditable caused the problem. but
whichever method i use, approximately 20% of the time a photo caption
is submitted, if you then click on the photo to view full size using
lightbox (so far i've used fancyBox, prettyPhoto and Lightbox itself,
and all break in the same way) it gets stuck at "loading", whereby the
overlay appears, the inital empty box and animated gif appear, but
then it just spins forever and never loads the image, as if it cant
access the URL. weirder still, the FIRST time i do a page refresh to
try and fix the problem, it doesnt work (something in the cache i
expect), but if i do a second refresh or a shift + refresh, it resets
and works again.
it's very difficult to eliminate all variables because the problem is
so sporadic, but it seems that the most likely way of breaking
lightbox is to do the following:
1. go to the page
2. before viewing any images in lightbox, click to enter a caption,
then hit enter to submit it.
3. click the associated caption's image to view the lightbox zoomed
version. (often breaks)
if you go to the page and look at images BEFORE entering a caption,
then it seems fine (basically if lightbox has been utilised at least
once before you start submitting captions, then it's usually ok).
can anybody shed any light on this? again, its something general about
the ajax submit, not the jeditable plugin, because i've tried doing
away with jeditable and just using ajaxForm to submit a form, and the
same problem occurs.