/ / Fondation 5 et égaliseur - zurb-foundation, égaliseur

Fondation 5 et égaliseur - zurb-foundation, égaliseur

Je vais essayer de demander cela ici, parce que sur la Fondationforums je n'ai pas de réponse. Je fais une mise en page mixte et je veux utiliser l’égaliseur pour que la première colonne et la deuxième colonne aient la même hauteur. Le problème est que la deuxième colonne est une autre disposition de la grille. entre la première et la deuxième colonne, il ne fait rien. J'ai cherché ici et il y a beaucoup de personnes ayant des problèmes similaires, mais je n'ai pas trouvé de solution pour la présentation mixte, même avec des fonctions jQuery simples. Tout le monde peut aider?

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

Réponses:

2 pour la réponse № 1

J'ai vérifié sur la version 5.2.2: vous ne pouvez tout simplement pas faire cela.

J'ai regardé le fichier Foundation foundation.equalizer.js, cette fonction n'est tout simplement pas adaptée pour égaliser un égaliseur dans un égaliseur.

Dans la version 5.2.2, à la ligne 30, vous pouvez voir comment sélectionner les éléments à égaliser:

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

Il n'y a pas de différence entre les niveaux de dom, il attrape tous les data-equalizer-watch sans chercher aucun data-equalizer à l'intérieur d'un data-equalizer