Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Broken Link : le tableau ne s'affiche pas #81

Open
al2b opened this issue Aug 31, 2021 · 1 comment
Open

Broken Link : le tableau ne s'affiche pas #81

al2b opened this issue Aug 31, 2021 · 1 comment
Labels
bug Something isn't working

Comments

@al2b
Copy link
Contributor

al2b commented Aug 31, 2021

Section SEO : quand on veut afficher la liste des liens cassés, le tableau ne s'affiche pas après exécution du JS alors que l'élément html est bien là (mais masqué)

@al2b al2b added the bug Something isn't working label Aug 31, 2021
@maximecolin
Copy link
Member

Le problème vient je pense du fait que le js qui créé les tabs n'est pas prévu pour être appelé sur du HTML chargé en asynchrone.

En effet c'est la fonction Sfjs.createTabs() qui créé les tabs depuis une liste de contenu. Les tabs ainsi créé auront un ID au format tab-A-B avec A = index du group de tabs et B = index de la tab.

Donc si t'as deux ensemble de tabs tu devrais avoir :

<div class="sf-tab">
    <ul class="tab-navigation">
        <li data-tab-id="tab-0-0">Titre 1</li>
        <li data-tab-id="tab-0-1">Titre 2</li>
        <li data-tab-id="tab-0-2">Titre 3</li>
    </ul>
    <div class="tab" id="tab-0-0">blabla<div>
    <div class="tab" id="tab-0-1">blabla<div>
    <div class="tab" id="tab-0-2">blabla<div>
</div>

...

<div class="sf-tab">
    <ul class="tab-navigation">
        <li data-tab-id="tab-1-0">Titre 1</li>
        <li data-tab-id="tab-1-1">Titre 2</li>
        <li data-tab-id="tab-1-2">Titre 3</li>
    </ul>
    <div class="tab" id="tab-1-0">blabla<div>
    <div class="tab" id="tab-1-1">blabla<div>
    <div class="tab" id="tab-1-2">blabla<div>
</div>

or lorsque tu ajoutes les tabs des links et que tu appelles cette fonction, elle ne détecte pas qu'il y a déjà un ensemble de tab au dessus et génère des ID au format tab-0-x au lieu de tab-1-x pour le second ensemble de tabs. Les ID devant être unique, c'est les premières tabs qui sont lié à leur contenu et donc les tabs ajoutées par la suite sont inactives et les contenu cachés.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants