html - Zurb Foundation 均衡器不工作

Question

我试图在“显示” View 中显示一个表单，并且想使用 Foundation 的均衡器使 div 具有相同的高度，但由于某种原因，它不适用于一个 div 比另一个高的情况。

我的猜测是它与在容器内使用 php 有关，但我在他们的文档页面上没有找到任何相关内容。

如果有人能指出我哪里出错了，或者如果他们确定这对 Foundation 不起作用，我将不胜感激您的意见!谢谢!

HTML:

<div class="row" data-equalizer>
    <div class="small-6 columns" data-equalizer-watch>          
       <fieldset><legend>Order Information</legend>
          <?php
            echo "Number of Guests: ". $order_array['guestNumber' . $x].'<br>';
            echo "Food: ". $order_array['food' . $x].'<br>';
         ?>     
       </fieldset>  
    </div>
<div class="small-6 columns k" data-equalizer-watch>
    <fieldset><legend>Location</legend>
    <?php
         echo "Order Name: " .  $order_array['orderName'] . '<br>';
     ?>
    </fieldset> 
</div>

</div>

Answer 1

我的解决方案(在使用我推荐的另一个插件找到更有效的解决方案之前)是像这样包装基础初始化:

$(window).on('load', function () {
  $(document).foundation();
});