/ / Foundation 5 and Equalizer - zurb-foundation, equalizador

Foundation 5 e Equalizer - zurb-foundation, equalizador

Eu vou tentar perguntar isso aqui, porque na FundaçãoFóruns eu não tenho resposta. Eu estou fazendo um layout misto e eu quero usar o equalizador para fazer a primeira coluna ea segunda coluna a mesma altura. O problema é que a segunda coluna é outro layout de grade. Dentro dessa segunda grade, o Equalizer funciona como um encanto, mas entre a primeira ea segunda coluna não faz nada.Eu procurei aqui e há um monte de pessoas com problemas semelhantes, mas eu não encontrei uma solução para o layout misto, mesmo com funções simples jQuery. Qualquer um pode ajudar?

Aqui está o código:

<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>

Respostas:

2 para resposta № 1

Eu verifiquei na versão 5.2.2: você simplesmente não pode fazer isso.

Eu olhei no arquivo Foundation foundation.equalizer.js, esta função simplesmente não é adequada para equalizar um equalizador dentro de um equalizador.

Na versão 5.2.2, na linha 30, você pode ver como ele seleciona elementos para equalizar:

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

Não há diferença entre os níveis de dom, pega todos os data-equalizer-watch sem olhar para qualquer data-equalizer dentro de um data-equalizer