0

à qui cela peut concerner,Réduire Bootstrap 3 Plugins Wordpress Conflit

J'aimerais travailler un peu d'aide pourquoi un lien effondrement bootstrap fonctionne mais pas correctement. C'est le bouton bleu en dessous de la carte du monde sur la gauche du site de test (lien ci-dessous). Il devrait cacher le texte ci-dessous quand le bouton a cliqué. Mais quand on clique dessus, il défile vers l'élément auquel il est lié, plutôt que de réduire l'élément. Je réalise qu'il y a beaucoup de scripts .js qui pourraient surcharger la fonction d'effondrement bootstrap. Y a-t-il quelque chose que je peux ajouter comme un extrait pour m'assurer qu'il n'y a pas de conflit? Ci-dessous le lien vers le site de test & un lien pour montrer le bouton qui n'agit pas correctement.

Link here - collapse now fixed

Image link here

Merci à l'avance: -]

Répondre

1

Votre html pour le anchor COMPREND href au lieu de data-target et qui est ce qui en fait scroll up. Donc, changez-le en data-target de href.

actuel

<a class="btn btn-primary" href="#collapseExample" role="button" data-toggle="collapse" aria-expanded="false" aria-controls="collapseExample"> 
         <!--^^^^Change this--> 

Mise à jour

<a class="btn btn-primary" data-target="#collapseExample" role="button" data-toggle="collapse" aria-expanded="false" aria-controls="collapseExample"> 
         <!--^^^^^^^^^^^To this--> 

Cela fera l'affaire.

+0

Salut Guruprasad, merci J'ai juste essayé ceci et cela fonctionne. J'ai supposé que si un élément de lien fonctionnait sur le guide Bootstrap, il fonctionnerait sur le mien, je ne suis pas sûr pourquoi un href ne fonctionne pas. Mais je suis content que ce soit corrigé: -] –

+0

@ user3248292 .. Pouvez-vous montrer le lien vers le document que vous avez référencé où vous l'avez trouvé avec l'élément de lien? –

+0

Salut, bien sûr - http://getbootstrap.com/javascript/#collapse –