/ / Foundation 5 та еквалайзер - zurb-foundation, еквалайзер

Foundation 5 і Equalizer - zurb-foundation, еквалайзер

Я спробую попросити це тут, бо на Фундаціїфоруми у мене немає відповіді. Я створюю змішаний макет, і я хочу використовувати Equalizer, щоб зробити перший стовпчик, а другий стовпчик - тим же. Випадок полягає в тому, що другий стовпець - це інша схема сітки. Всередині цієї другої сітці еквалайзер працює як шарм, але між першим і другим стовпцем він нічого не робить.Я шукав тут, і є багато людей з подібними проблемами, але я не знайшов рішення для змішаного макета навіть з простими функціями jQuery. Будь-хто може допомогти?

Ось код:

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

Відповіді:

2 для відповіді № 1

Я перевірив версію 5.2.2: ви просто не можете це зробити.

Я подивився на фонд foundation.equalizer.js, ця функція просто не підходить для вирівнювання еквалайзера всередині еквалайзера.

У версії 5.2.2, в рядку 30, ви можете побачити, як він вибирає елементи для вирівнювання:

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

Існує не встановлення між рівнями дому, він ловить кожен data-equalizer-watch не шукаючи нічого data-equalizer всередині а data-equalizer