基金会均衡器工作困难

Trouble getting Foundation Equalizer working

本文关键字：工作 均衡器 基金会      更新时间：2023-09-26

根据代码示例，这应该相当容易…

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

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

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

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

提前感谢您的帮助!

我认为问题是你使用了比你需要的更多的JavaScript。你试过没有foundation.equalizer.js和foundation.topbar.js吗?

这是我使用你的 HTML创建的一个代码依赖，它看起来工作得很好。如果你点击CSS和JS旁边的gear，你会看到我只是使用foundation.min.css (5.3.0)， jquery(最新)和foundation.min.js(5.3.0)。

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

相关文章：