Menu icon Foundation
Equalizer Reflow not working

I think the 'equalizer', 'reflow' option isn't working. Is my code right below?

Is there a way of delaying the equalizer until the page has fully loaded with ALL JS elements first?

It needs to disqus area to load first and then initiate the equalizer.

Cheers
Glynn

$(document).foundation({
    topbar : { 
		navigation_arrows: false,
		mobile_show_parent_link: false
	},
  equalizer: {
    before_height_change: function(){
      // do something before the height changes
    },
    after_height_change: function(){
      // do something before the height changes
    }
  }
},
'equalizer', 'reflow');        

Wds grabs 2015 01 08 at 10.24.40

EqualizerReflownot working

I think the 'equalizer', 'reflow' option isn't working. Is my code right below?

Is there a way of delaying the equalizer until the page has fully loaded with ALL JS elements first?

It needs to disqus area to load first and then initiate the equalizer.

Cheers
Glynn

$(document).foundation({
    topbar : { 
		navigation_arrows: false,
		mobile_show_parent_link: false
	},
  equalizer: {
    before_height_change: function(){
      // do something before the height changes
    },
    after_height_change: function(){
      // do something before the height changes
    }
  }
},
'equalizer', 'reflow');        

Wds grabs 2015 01 08 at 10.24.40

Rafi Benkual over 4 years ago

The setTimeout is probably your best option. Using the $( document ).ready() function would not guarantee Disqus has loaded.

Glynn Williams over 4 years ago

Hi Rafi

This worked a treat, many thanks!

G