javascript - Reinitialize Zurb Equalizer in Reveal Modal using click and window hash -

I have a small problem and hope that someone can give help. I know the Zurbs model but instead of using the data attribute, the option to use the data-manifest-id = "mymodal" I only id = "mymodal" One or more reason has been chosen

After this I ran into some problems when trying to resume synchronization when triggered by a click or a hash window trigger.

My HTML looks like:

  & lt; A class = "about" href = "about #" & gt; & Lt; / A & gt; & Lt; Div id = "about" class = "manifest-mode" data-reveal & gt; & Lt; Div class = "row" data-equalizer & gt; & Lt; Div class = "large -6 columns" data-equals-clock> & Lt; / Div & gt; & Lt; Div class = "large -6 columns" data-equals-clock> & Lt; / Div & gt; & Lt; / Div & gt; & Lt; A href = "#" square = "off" & gt; & Lt; / A & gt; & Lt; / Div & gt;  

My JavaScript looks like this:

  (function ($) {$ (document). Foundation ({Appearance: Animation_speed: 400, Route_Element: " $ ("A.about"). ("Click", function () $ ("about #"). Foundations ("open", "open")}); $ ("a. foundation. ("Click", function () $ ("manifest", "close")}; $ (document) .ready (function () {var a = $ ("" "", "close" # About "). Window.location.hash); a.length & gt; 0 & amp; amp; a.hasClass (" manifest-mode ") & amp; amp; a.foundation (" reveal "," open " }});}) ();  

what do i want ...

two The triggers on the click and window space work perfectly, what do I want to do is to resume equal even during a click or during the window. Location.hash, I am the best person to work with javascript I am not, but none is less I have given it my best and some unsuccessful attempts can be seen below:

$ ('manifest-modal'). Open ') foundation.libs.equalizer.reflow () < / Code>

  $ (document) .on ('Open.fndtn.reveal', '#about', function () {Foundation.libs.equalizer.reflow ();});  

And for window place it's one:

  $ (document) .ready (function () {var a = $ (window.location. Hash); a.length & gt; 0 & amp; a.hasClass ("Appearance Model") & amp; amp; a.foundation ("Reprinted")});  

Where have I gone wrong? thank you in advanced!

You should specify whether the elements should be equal height when the equalizer is raised once . / P>

  $ (document) .foundation ({equalizer: {equalize_on_stack: true}}}  

and then apply a reflow when you open it:

  $ (document) .on ('open.fndtn.reveal', '#about', function () {Foundation.libs.equalizer.reflow ();});