/ / Foundation 5 und Equalizer - zub-foundation, Equalizer

Foundation 5 und Equalizer - zub-foundation, Equalizer

Ich werde versuchen, dies hier zu fragen, denn auf FoundationForen habe ich keine Antwort bekommen. Ich mache ein gemischtes Layout und ich möchte Equalizer verwenden, um die erste Spalte und die zweite Spalte auf die gleiche Höhe zu bringen. Der Haken ist, dass die zweite Spalte ein anderes Rasterlayout ist. Innerhalb dieses zweiten Rasters funktioniert Equalizer wie ein Zauber zwischen der ersten und zweiten Spalte tut es nichts.Ich habe hier gesucht und es gibt eine Menge Leute mit ähnlichen Problemen, aber ich habe keine Lösung für gemischtes Layout gefunden, auch nicht mit einfachen jQuery-Funktionen. Jeder kann helfen?

Hier ist der Code:

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

Antworten:

2 für die Antwort № 1

Ich habe die Version 5.2.2 überprüft: Sie können das einfach nicht tun.

Ich schaute auf Foundation foundation.equalizer.js Datei, Diese Funktion ist einfach nicht geeignet, um einen Equalizer innerhalb eines Equalizers zu entzerren.

In Version 5.2.2 können Sie in Zeile 30 sehen, wie Elemente zum Ausgleich ausgewählt werden:

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

Es gibt keinen Unterschied zwischen den Dom-Ebenen, es fängt jeden data-equalizer-watch ohne nach etwas zu suchen data-equalizer in einem data-equalizer