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？

的情况下尝试过

这是我使用您的 HTML创建的codepen，它看起来工作正常。如果你单击CSS和JS旁边的齿轮，你会发现我只使用了foundation.min.css（5.3.0），jquery（latest）和foundation.min.js（5.3.0）。

如果您有任何疑问，请告知我们。

无法让Foundation Equalizer工作

1 个答案: