jQuery UI Tabs - Automatique de la Hauteur
Dans les versions précédentes de jQuery tabs
il y avait une option pour définir automatiquement la hauteur de l'onglet à celle de la plus haute dans l'onglet groupe à l'aide de:
$('#container').tabs({ fxAutoHeight: true });
Toutefois, cela ne semble pas fonctionner dans jQuery UI 1.5.3
.
A cette option-ils été supprimés? Si oui, est-il un autre moyen pour obtenir la même fonctionnalité?
Vous devez vous connecter pour publier un commentaire.
On dirait qu'il n'est plus là, découvrez ce plugin pour la même fonctionnalité
Des Hauteurs Égales Plugin
Tout ce que vous avez à faire est de mettre un min-height. (Il m'a pris les âges de trouver la réponse à cette question .. j'espère que ça aide!).
Voici mon code qui fonctionne vraiment:
En jQuery 1.9, utilisez le
heightStyle
attribut (docs ici)Après la lecture de plus de la documentation, il semble que l'option n'est plus disponible. Cependant, il est très facile à reproduire cette fonctionnalité.
En supposant que vos onglets sont disposées horizontalement:
L'exemple de gabriel m'a donné le droit de plomb, mais je ne pouvais pas le faire fonctionner exactement comme ça. Lorsque l'on regarde les exemple de code source de l'jQuery documentation vous constatez que le code HTML est censé ressembler à ceci:
Que j'ai 3 onglets qui ont un contenu qui est plutôt statique, pour moi c'était suffisant pour régler la hauteur de tous les onglets à la hauteur de la plus haute, qui est #fragment-1 dans mon cas.
C'est le code qui fait cela:
La réponse par Giannis est correcte pour obtenir la plus haute hauteur entre les onglets, mais il manque le code pour appliquer effectivement cette solution. Vous avez besoin d'ajouter un chemin pour réafficher le premier onglet (qui sera disparu par le code) et un moyen pour définir la hauteur de chacune des zones de contenu.
J'étais juste à la recherche de cette solution et mettre un min-height n'est bon que si vous savez à quelle hauteur la hauteur min devriez être en avance.
Au lieu de cela, je suis allé dans le css et modification de l'interface utilisateur-les onglets de catégorie pour ajouter "overflow:auto;" comme ci-dessous
Cela fonctionne pour moi dans FF12...je n'ai pas essayé dans d'autres. Si cela fonctionne, vous voudrez peut-être créer une catégorie distincte pour préserver le stock de la fonctionnalité et de la thématisation de l'interchangeabilité etc
BTW - la raison pour laquelle vous pourriez avoir besoin redimensionnement dynamique est si vous êtes le chargement de l'Ajax, mais pas à l'aide de l'onglet chargeur de méthode, mais plutôt une autre fonction (leur méthode suppose que le contenu qui sont tous issus d'une ressource url qui peut ne pas être suffisante selon le degré d'avancement de vous dynamique de la population de l'est).
HTH
Onglet de l'ensemble minimum de hauteur et de redimensionner des biens à rien...
exemple:
De vérifier l'url:
http://api.jqueryui.com/tabs/#option-heightStyle