質問

財団フォーラムでは答えがないからです。 私は混合レイアウトをしています、そして私はイコライザーを使って最初の列と2番目の列を同じ高さにすることをしたいです。キャッチは、2番目の列が別のグリッドレイアウトであることです。その中で、イコライザーは魅力のように機能しますが、最初と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>
.

役に立ちましたか?

解決

バージョン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をキャッチします。

ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top