Foundation 5 均衡器不起作用？

Question

试图找出为什么 equalizerr 无法使用此代码。已经多次阅读文档并且没有看到我的错误。

是否有任何特殊情况、样式/继承或阻止均衡器工作的东西？

这个标记有什么问题？

<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>

Answer 1

标记看起来正确。可能是您的脚本包含。确保它看起来类似于“使用 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>