让Foundation Equalizer正常工作时遇到问题

Question

根据代码示例，这应该是相当简单的…

<div class="row" data-equalizer>
  <div class="large-3 medium-3 columns">
    <div class="panel coupon sticky" data-equalizer-watch>
        <h4>Save 50% on sneakers today</h4>
        <h5>Only at Reebok, Inc.</h5>
        <h6>Expires on June 12, 2014</h6>
        <a href="#" class="button round success">View Coupon</a>
    </div>
</div>

<div class="large-3 medium-3 columns">
    <div class="panel coupon sticky" data-equalizer-watch>
        <h4>Save 50% on sneakers today</h4>
        <h5>Only at Reebok, Inc.</h5>
        <h6>Expires on June 12, 2014</h6>
        <a href="#" class="button round success">View Coupon</a>
        <p>Just some extra data to add some height.</p>
    </div>
</div>

​

然后，我已经连接了所需的javascripts，并且在控制台中没有得到任何错误。

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

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

所以，我真的不确定这里发生了什么，我似乎在网上找不到任何解决方案……

提前感谢您的帮助！

Answer 1

我认为问题在于你使用的JavaScript比你需要的要多。你在没有foundation.equalizer.js和foundation.topbar.js的情况下尝试过吗

这是我使用your HTML创建的codepen，它看起来工作得很好。如果您单击CSS和JS旁边的工具，您将看到我使用的是foundation.min.css (5.3.0)、jquery (最新)和foundation.min.js (5.3.0)。

如果你有任何问题，请告诉我。