Foundation 5 und Equalizer

Question

Ich werde versuchen, dies hier zu stellen, da ich in Foundation-Foren keine Antwort darauf erhalten habe.Ich erstelle ein gemischtes Layout und 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 der Equalizer wie ein Zauber, aber zwischen der ersten und zweiten Spalte bewirkt er nichts.Ich habe hier gesucht und es gibt viele Leute mit ähnlichen Problemen, aber ich habe keine Lösung für gemischtes Layout gefunden, selbst mit einfachen jQuery-Funktionen.Kann jemand 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>

Answer 1

Ich habe auf Version 5.2.2 überprüft:das kannst du einfach nicht machen.

Ich habe mir die Foundation Foundation Foundation.equalizer.js -Datei angesehen. Diese Funktion eignet sich einfach nicht für den Equalizer in einem Equalizer.

In der Version 5.2.2 können Sie in Zeile 30 sehen, wie die auszugleichenden Elemente ausgewählt werden:

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

Es gibt keine Unterscheidung zwischen Dom-Ebenen, es erfasst alle data-equalizer-watch ohne danach zu suchen data-equalizer in einem data-equalizer