Menu icon Foundation
Reveal Modal does not fire on page with Slick Carousel

Our Homepage has a carousel. Also on the page is a search bar that is fired up within a Reveal Modal.

On other pages it seems to run but it doesn't seem to run on the homepage where it has the Slick Carousel on it.

I was wondering if this is a known issue?
I have firing the reflow even with no success.

Thanks in advance.

$(document).foundation('reveal', 'reflow');

slickSlick carouselcarouselrevealreveal modalNot loadingNot Firing

Our Homepage has a carousel. Also on the page is a search bar that is fired up within a Reveal Modal.

On other pages it seems to run but it doesn't seem to run on the homepage where it has the Slick Carousel on it.

I was wondering if this is a known issue?
I have firing the reflow even with no success.

Thanks in advance.

$(document).foundation('reveal', 'reflow');

This post has been closed. No new replies can be added.

Brandon Arnold about 4 years ago

Hm we haven't run into this. Do you know if regular links are working inside of slick?

Francis Chung about 4 years ago

We're only displaying pictures at the moment (No links).

I will insert some test links inside them and let you know.

I should clarify that it's only the search bar that is contained within the Reveal Modal.
The Carousel is a seperate entity that only displays images at the moment.

Francis Chung about 4 years ago

I've tried entering the links and the links work but not the Reveal Modal.

Klevis Miho about 4 years ago

$("#myModal").on("opened.fndtn.reveal", function(){
$('#mySlideshow').slick();
});

Francis Chung about 4 years ago

Hi Klevis,

Thanks for the response. However your suggestion did not work I'm afraid :(

Klevis Miho about 4 years ago

Can you show us a link with the problem?

Francis Chung about 4 years ago

Yes, it's http://sprachspielspass.de/

On the homepage, if you press the top right search/suchen button, nothing happens.
Goto any of the category pages, click again the reveal modal pops up.

Thanks.

Klevis Miho about 4 years ago

You have an error in your Javascript. Why don't you put your js in /site/templates/js/app.js ?

Francis Chung about 4 years ago

It looks like there were some Javascript errors that weirdly prevented it from working on the Homepage.

Thanks for the spot, Klevis!
All fixed now :)