/ / Foundation 5 y Equalizer - zurb-foundation, equalizer

Foundation 5 y Equalizer - zurb-foundation, equalizer

Trataré de preguntar esto aquí, porque en Foundationforos no recibí respuesta. Estoy haciendo un diseño mixto y quiero usar Equalizer para hacer que la primera columna y la segunda columna tengan la misma altura. El problema es que la segunda columna es otro diseño de cuadrícula. Dentro de esa segunda cuadrícula, Equalizer funciona como un amuleto, pero entre la primera y la segunda columna no hace nada. He buscado aquí y hay muchas personas con problemas similares, pero no encontré una solución para el diseño mixto, incluso con funciones simples de jQuery. Cualquiera puede ayudar?

Aquí está el 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>

Respuestas

2 para la respuesta № 1

Comprobé la versión 5.2.2: simplemente no puedes hacer esto.

Miré el archivo Foundation foundation.equalizer.js, esta función simplemente no es adecuada para ecualizar un ecualizador dentro de un ecualizador.

En la versión 5.2.2, en la línea 30, puede ver cómo selecciona los elementos para ecualizar:

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

No hay dinstinction entre los niveles dom, atrapa cada data-equalizer-watch sin buscar ningún data-equalizer dentro de una data-equalizer