Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/370.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript ZURB基金会5数据均衡器不工作_Javascript_Jquery_Html_Zurb Foundation - Fatal编程技术网

Javascript ZURB基金会5数据均衡器不工作

Javascript ZURB基金会5数据均衡器不工作,javascript,jquery,html,zurb-foundation,Javascript,Jquery,Html,Zurb Foundation,我一直在尝试使用数据均衡器获得三个相同高度的div。我不能让它工作 代码: 在html标记的页面顶部 <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

我一直在尝试使用数据均衡器获得三个相同高度的div。我不能让它工作

代码:

在html
标记的页面顶部

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

发现我们的
助理学位

联想学位简介(2-3行)-Lorem Ipsum只是印刷和排版行业的虚拟文本

{$associatesDegrees} 浏览所有员工计划> 发现我们的
学士学位

学士学位简介(2-3行)-Lorem Ipsum只是印刷和排版行业的虚拟文本

{$bachelorsDegrees} 浏览所有学士学位课程> 发现我们的
硕士学位

硕士学位简介(2-3行)-Lorem Ipsum只是印刷和排版行业的虚拟文本

{$mastersDegrees} 浏览所有硕士课程>
我还使用CodeIgniter作为我的php框架


我知道我遗漏了一些简单的东西,但我看不出来。

在codepen上测试了这一点。你有什么改变吗?我忘了提到css将它们显示在3列高度相等的列中。我没有做任何更改