/ / Foundation 5とイコライザ - zurb-foundation、イコライザ

Foundation 5とEqualizer - zurb-foundation、イコライザ

私はここでこれを尋ねます。なぜなら、財団フォーラム私は答えを得た。 私は混合レイアウトを作っています。イコライザーを使って、最初の列と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>

回答:

回答№1は2

私はバージョン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