Question

我会在这里问这个问题，因为在基金会论坛上我没有得到答案。我正在进行混合布局，我想使用Equalizer使第一列和第二列的高度相同。问题是第二列是另一个网格布局。在第二个网格内部，Equalizer就像一个魅力，但在第一列和第二列之间它什么都不做。我在这里搜索过，有很多人有类似的问题，但我没有找到混合布局的解决方案，即使是简单的jQuery函数。有人可以帮忙吗？

以下是代码：

<div class="row">
<div class="large-12 columns">
  <div class="row" data-equalizer>
    <!-- first column -->
    <div class="large-2 small-2 columns">
        <div class="panel" data-equalizer-watch>
        <!-- here goes an image -->
        </div>
    </div>
    <!-- second column -->
    <div class="large-10 small-10 columns" data-equalizer-watch>
        <div class="row" data-equalizer>
            <div class="large-4 small-12 columns">
                <p class="panel" data-equalizer-watch>Text</p>
            </div>
            <div class="large-4 small-12 columns">
                <p class="panel" data-equalizer-watch>Text</p>
            </div>
            <div class="large-4 small-12 columns">
                <p class="panel" data-equalizer-watch>Text</p>
            </div>
        </div>

        <div class="row">
            <div class="large-12 small-12 columns">
                <p class="panel">Longer text</p>
            </div>
        </div>

        <div class="row" data-equalizer>
            <div class="large-4 small-12 columns">
                <p class="panel" data-equalizer-watch>Text</p>
            </div>
            <div class="large-4 small-12 columns">
                <p class="panel" data-equalizer-watch>Text</p>
            </div>
            <div class="large-4 small-12 columns">
                <p class="panel" data-equalizer-watch>Text</p>
            </div>
        </div>

         <div class="row">
            <div class="large-12 small-12 columns">
                <p class="panel">Longer text</p>
            </div>
        </div>
    </div>
  </div>


</div>

Answer 1

我检查了5.2.2版本：你不能这样做。

我查看了Foundation foundation.equalizer.js文件，这个函数根本不适合在均衡器内均衡均衡器。

在5.2.2版本中，在第30行，您可以看到它如何选择要均衡的元素：

vals = equalizer.find('[' + this.attr_name() + '-watch]:visible')

dom级别之间没有任何消除，它会在data-equalizer-watch

内找不到任何data-equalizer来抓住每个data-equalizer

基础5和均衡器

1 个答案: