Question

我一直试图使用数据均衡器获得三个相同高度的div。我无法让它发挥作用。

代码：

位于html <head>标记

的页面顶部

<link rel="stylesheet" href="/css/foundation/normalize.min.css" />
<link rel="stylesheet" href="/css/project/darth-vader.css" />
<link rel="stylesheet" href="/css/foundation/foundation.css" />

<script src="/js/vendor/jquery/jquery-2.1.3.min.js"></script>
<script src="/js/vendor/jquery/jquery-ui.js"></script>
<script src="/js/foundation/vendor/modernizr.js"></script>        
<script src="/js/foundation/foundation.js"></script>
<script src="/js/foundation/foundation/foundation.equalizer.js"></script>

这是PHP。

<div class="row" data-equalizer="programs">
<div class="program_box" data-equalizer-watch="programs">
    <span class="program_red_small">Discover Our</span><br/>
    <span class="program_red_large">ASSOCIATES DEGREES</span>
    <hr/><br/>
    <p>Brief intro (2-3 lines) to associates degrees - Lorem Ipsum is simply dummy text of the printing and typesetting industry. </p>
    {$associatesDegrees}
    <div class="explore_programs">Explore all Associates programs ></div>
</div>
<div class="program_box" data-equalizer-watch="programs">
    <span class="program_red_small">Discover Our</span><br/>
    <span class="program_red_large">BACHELORS DEGREES</span>
    <hr/><br/>
    <p>Brief intro (2-3 lines) to bachelors degrees - Lorem Ipsum is simply dummy text of the printing and typesetting industry. </p>
    {$bachelorsDegrees}
    <div class="explore_programs">Explore all Bachelors programs ></div>
</div>
<div class="program_box" data-equalizer-watch="programs">
    <span class="program_red_small">Discover Our</span><br/>
    <span class="program_red_large">MASTERS DEGREES</span>
    <hr/><br/>
    <p>Brief intro (2-3 lines) to masters degrees - Lorem Ipsum is simply dummy text of the printing and typesetting industry. </p>
    {$mastersDegrees}
    <div class="explore_programs">Explore all Masters programs ></div>
</div>
</div>

我也使用CodeIgniter作为我的php框架。

我知道我遗漏了一些简单的东西，但我无法看到它。

Zurb Foundation 5 Data Equalizer无法正常工作

0 个答案: