zurb/reveal

Weird problems when combined with jQuery Cycle (malsup)

wjdennen opened this issue · 1 comments

Hi,

I'm trying to fire a Reveal modal dialog from within a jQuery Cycle slideshow. I've set up a simple demo that has 3 slides. There is a link on each slide which opens a different modal dialog.

See:

http://jsfiddle.net/wjdennen/b2NG3/

To see the problem:

  1. load the example and run it
  2. Click on the link in the first slide. (Modal should fire, and slideshow should pause)
  3. Close the modal. (Slideshow should resume)
  4. Click on the link in the second slide (Modal fires -- but it's missing the background overlay 'reveal-modal-bg')
  5. Close the modal. Slideshow resumes.
  6. Wait for slide 1 to load again and the reveal-modal-bg is visible.

it looks like reveal-modal-bg is not hidden properly when the modal is closed?

This looks like the same problem that was previously identified, or at least it's related.

This pull request: "Fixed some problem concerning the modalBg when using pagination"
https://github.com/nguyenchiencong/reveal/commit/aef2c80e3223c08a1b4dd32dfdc2c2536642d165

Here's an updated example, and it seems to work fine.

http://jsfiddle.net/wjdennen/GGe7q/