CODEWITHSUNDEEP
javascriptzurb-foundation
icekomo
icekomo

Reputation: 9466

Data Equalizer not working with Foundation 6 Modal (Reveal)

I have a modal in Foundation 6 and I would like to be able to use the Data Equalizer with it. Everything I have found seems to be pointing to Foundation 5.

I found this page, foundation plugin page and I think this is what I need, but it doesn't seem to be working.

$(document).on('closeme.zf.reveal', '#productModal', function () {

Foundation.reInit('equalizer');
console.log("modal fired");

});

Screen shot of modal. enter image description here

Upvotes: 0

Views: 799

Answers (1)

icekomo
icekomo

Reputation: 9466

I was able to use this javascript to solve my issue.

I added this to the function that opened up my modal

Foundation.reInit('equalizer');

It forces the Foundation framework to initialize itself, and since this is called after the modal goes from a display of none to a display of block, it works.

Upvotes: 0

Related Questions