/ / Foundation 5 e Equalizer - zurb-foundation, equalizzatore

Foundation 5 ed Equalizer - zurb-foundation, equalizer

Proverò a chiedere questo qui, perché alla Fondazioneforum non ho avuto risposta. Sto creando un layout misto e voglio usare Equalizer per rendere la prima colonna e la seconda colonna alla stessa altezza.Il problema è che la seconda colonna è un'altra griglia: all'interno di quella seconda griglia, Equalizer funziona come un incantesimo, ma tra la prima e la seconda colonna non fa nulla. Ho cercato qui e ci sono molte persone con problemi simili, ma non ho trovato una soluzione per il layout misto, anche con le semplici funzioni jQuery. Chiunque può aiutare?

Ecco il codice:

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

risposte:

2 per risposta № 1

Ho controllato la versione 5.2.2: non puoi farlo.

Ho guardato il file Foundation foundation.equalizer.js, questa funzione semplicemente non è adatta per equalizzare un equalizzatore all'interno di un equalizzatore.

Nella versione 5.2.2, alla riga 30, puoi vedere come seleziona gli elementi da equalizzare:

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

Non c'è divergenza tra i livelli domini, coglie tutti data-equalizer-watch senza cercare nessuno data-equalizer dentro a data-equalizer