/ / Nadácia 5 a Ekvalizér - zurb-základ, ekvalizér

Nadácia 5 a ekvalizér - zurb-základ, ekvalizér

Pokúsim sa tu o to požiadať, pretože na Nadáciifóra Nemám odpoveď. Spravím zmiešané usporiadanie a chcem použiť Equalizer na vytvorenie prvého stĺpca a druhého stĺpca na rovnakú výšku.Vychytenie je, že druhý stĺpec je ďalší rozloženie mriežky.V vnútri tejto druhej mriežky funguje ekvalizér ako kúzlo, ale medzi prvým a druhým stĺpcom to nič nerobí.Vyhliadal som tu a existuje veľa ľudí s podobnými problémami, ale nenašiel som riešenie pre zmiešané usporiadanie, dokonca ani s jednoduchými funkciami jQuery. Môže vám pomôcť niekto?

Tu je kód:

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

odpovede:

2 pre odpoveď č. 1

Skúsil som verziu 5.2.2: jednoducho to nemôžete urobiť.

Pozrel som sa na súbor nadácie foundation.equalizer.js, táto funkcia jednoducho nie je vhodná na vyrovnanie ekvalizéra vo vnútri ekvalizéra.

Vo verzii 5.2.2, na riadku 30, môžete vidieť, ako vyberať prvky na vyrovnanie:

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

Neexistuje žiadna distinccia medzi dom úrovne, to úlovky každý data-equalizer-watch bez hľadania žiadneho data-equalizer vnútri a data-equalizer