質問
財団フォーラムでは答えがないからです。 私は混合レイアウトをしています、そして私はイコライザーを使って最初の列と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
をキャッチします。
所属していません StackOverflow