Le scénario est assez simple, j'ai une zone de texte dans un accordéon jQuery. Lorsque j'ajuste la hauteur de la zone de texte sur mon navigateur, le contenu de l'accordéon actuel chevauche l'accordéon ci-dessous.Contenu dynamique (Textarea) dans un accordéon jQuery
<div class="accordion">
<h3>Sec 1</h3>
<div>
<textarea></textarea>
I move with the textarea
</div>
</div>
<div>
<span>I am being overlapped :o</span>
</div>
-J'ai rencontré un problème similaire avec du contenu dynamiquement ajouté (par exemple). J'ai surmonté cela en rafraîchissant l'accordéon.
$(".accordion").accordion("refresh");
Comment puis-je gérer le redimensionnement des zones de texte? Je ne veux pas capturer l'événement de redimensionnement car j'ai beaucoup de zones de texte et je ne veux pas garder une trace de toutes leurs dimensions initiales. Merci!
modifier
Je me rends compte maintenant, par l'accordéon par défaut va créer une barre de défilement pour le contenu 'débordait. Je veux que mon contenu pour redimensionner dynamiquement la hauteur cependant, donc je l'ai fait un sur-tour sur le css
.ui-accordion .ui-accordion-content {
overflow: visible !important;
}
Voici une démonstration de travail.
https://jsfiddle.net/normangr7/vebw8o0b/
Pour une meilleure compréhension, S'il vous plaît fournir une démonstration ** ** travail (d'extrait de code *, jsFiddle ... *) –
ok .. première fois en utilisant jsfiddle .. va bientôt télécharger –
//jsfiddle.net/normangr7/vebw8o0b/ –