zurb-foundation - Foundation 5 とイコライザー

Question

財団のフォーラムでは答えが得られなかったので、ここで質問してみます。混合レイアウトを作成しています。イコライザーを使用して、最初の列と 2 番目の列を同じ高さにしたいと考えています。問題は、2 番目の列が別のグリッド レイアウトであることです。その 2 番目のグリッド内では、Equalizer は魔法のように機能しますが、1 列目と 2 列目の間では何もしません。ここで検索したところ、同様の問題を抱えている人がたくさんいますが、単純な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>