Forum : [Bootstrap] Collapse - Problème URL

Explication du problème :

Sur mon panel j'ai donc une sidebar, avec à l'intérieur une collapse nommé Rapport, une fois la collapse ouverte elle donne la visibilité a deux lien Civil et Entreprise, une fois que je clic sur l'un des deux tout fonctionne correctement voici un exemple de lien : http://127.0.0.1/gang/civ ensuite sur ma page civil par exemple il y a un tableau avec un bouton Rapport pour voir plus d'information voici le lien : http://127.0.0.1/gang/meet/card/12 une fois sur cette page, lorsque je clic sur ma collapse nommé Rapport pour l'ouvrir rien ne fonctionne et l'url est modifier : http://127.0.0.1/gang/meet/card/12#collapse_report

Voici le code de ma collapse :

<div id="accordion" role="tablist" aria-multiselectable="true">
  <a class="accordion-toggle" role="button" data-toggle="collapse" href="#collapse_report" aria-expanded="true" aria-controls="collapse_report">
    <i class="fa fa-address-card-o" aria-hidden="true"></i> Rapport
  </a>

  <div id="collapse_report" class="nav-collapse collapse" role="tabpanel">
    <ul class="nav nav-stacked">
      <li style="margin: 0 0 0 35px;"><a href="/gang/civ">Civil</a></li>
      <li style="margin: 0 0 0 35px;"><a href="/gang/business">Entreprise</a></li>
    </ul>
   </div>
</div>

Mes attentes :

Je n'ai aucune idée comment résoudre cela, mes attentes serait qu'une fois arriver sur la page http://127.0.0.1/gang/meet/card/12 et que lorsque je clic sur Rapport (le href pour ouvrir ou fermer ma collapse) ça m'ouvre/ferme la collapse

Remerciement :

Merci d'avance aux personnes qui pourront m'aider, je ne cherche pas a ce que l'on me donne la réponse, j'aimerais vraiment être aiguiller pour y arriver :)

Lartak

Réponse acceptée

Montres nous les balises qui incluent les javascripts de Bootstrap et jQuery.

l.montero

Auteur

Réponse acceptée

Edit : J'ai trouver, c'était vraiment bête mais j'ai du rajouter /gang/ dans le SRC, je passe donc de ça

<script src="js/bootstrap.js"></script>

à cela maintenant

<script src="/gang/js/bootstrap.js"></script>

Et tout fonctionne correctement, je suis encore désolé du dérangement et merci de vos réponses ! :)

Lartak

Bonjour.
Il est totalement inutile de nous donner des liens que ne sont fonctionnel qu'en local de ton côté.

l.montero

Auteur

Salut Lartak, j'ai donner les liens pour avoir un visuel du problème, actuellement a chaque fois que je fais passer quelque chose dans URL en GET ma collapse par la suite ne fonctionne pas et donc modifie l'URL comme dit dans mon premier post http://127.0.0.1/gang/meet/card/12#collapse_report

Alors oui je sais très bien que c'est inutile puisque vous ne pouvez pas tester par vous même, mais je prefere quand même les mettres pour le visuel du problème (enfin si le problème vient de là)

keulu

est ce que tu as bien inclu le fichier bootstrap.js ?

l.montero

Auteur

Je viens donc de regarder et oui bootsrap.js est bien inclu ;)

Lartak

Je viens donc de regarder et oui bootsrap.js est bien inclu ;)

Et est-ce que jQuery et bien inclue avant le javascript de Bootstrap ?
Tu n'as aucune erreur dans la console de l'inspecteur de ton navigateur ?

l.montero

Auteur

Alors, mon jQuery est inclue avant le JS Bootstrap, ensuite en regardant avec l'inspecteur il me trouve une erreur la voici : Uncaught SyntaxError: Unexpected token <

En m'indiquant le DOCTYPE html

[Bootstrap] Collapse - Problème URL

8 réponses