CODEWITHSUNDEEP
zurb-foundationzurb-foundation-5
Sean Kimball
Sean Kimball

Reputation: 4494

Foundation 5 equalizer not working?

Trying to figure out why equalizerr is not worlking with this code. Have been over the docs MANY times & don't see my error.

are there any particular situations, styles/inheritance or something that prevents equalizer from working?

What is wrong with this markup?

<div class="row resource-content" data-equalizer="main-layout"><a name="skip-to-content" href="#"></a>


<div class="small-12 columns lead-in">

  <h1>[[*longtitle]]</h1>
  [[*introtext:notempty=`<div class="introtext">[[*introtext]]</div>`]]

</div>


<div class="small-12 medium-6 medium-push-3 columns content-center" data-equalizer-watch="main-layout">

  [[*content]]

</div>

<div class="small-12 medium-3 medium-pull-6 columns sidebar sidebar-left" data-equalizer-watch="main-layout">

  <div class="sidebar-wrapper">

    <h2>[[*left-sidebar-label]]</h2>

    [[*sidebar-left]]

  </div>

</div>


<div class="small-12 medium-3 columns sidebar sidebar-right" data-equalizer-watch="main-layout">

  <div class="sidebar-wrapper">

    <h2>[[*right-sidebar-label]]</h2>

    [[*sidebar-right]]

  </div>

</div>


</div>

Upvotes: 0

Views: 178

Answers (1)

Waterpile
Waterpile

Reputation: 121

Markup looks correct. Might be your script includes. Make sure it looks similar to the below per the docs section under "Using the Javascript".

<script src="js/vendor/jquery.js"></script>
<script src="js/foundation/foundation.js"></script>
<script src="js/foundation/foundation.equalizer.js"></script>

<script>
    $(document).foundation();
</script>

Upvotes: 1

Related Questions