Je n'arrive pas à faire fonctionner le popover Bootstrap, malgré les nombreuses réponses ici

Question

Ok J'essaie de faire fonctionner les popovers de Twitter Bootstrap sur un thème de forum que je suis en train de coder, et je n'arrive pas à les faire fonctionner. J'ai lu d'innombrables discussions similaires et essayé tout sans succès, donc j'espère que si je peux poster mon code exact quelqu'un peut me dire où je vais mal.

Ok donc j'ai inclus Javascript dans ma page, ainsi que les fichiers de infobulle requis et popover dans la tête:

<script src="{$mybb->settings['bburl']}/jscripts/bootstrap-tooltip.js"></script> 
<script src="{$mybb->settings['bburl']}/jscripts/bootstrap-popover.js"></script> 

Voici mon HTML/balisage Javascript:

<a id="pop" title="" data-content="Vivamus sagittis lacus vel augue laoreet rutrum faucibus. <p>hi</p><p>hihowareyou</p><p>hi</p>" data-placement="bottom" data-toggle="popover"  class="btn" href="#" rel="popover" data-original-title="Popover on bottom"  data-html="true">Popover on Bottom</a> 
<script> 
$(function(){       
$("#pop").popover(); 
}); 
</script> 

J'ai également inclus le CSS nécessaire qui vient normalement avec bootstrap.css (bien que je n'ai pas inclus tous les CSS, juste l'info-bulle et popover css).

Vous pouvez voir exactement où j'ai cette question, sur le lien de démonstration:

http://mybbwebdesign.com/demo/index.php?action=mytheme&style=28 [modifier - lien peut être obsolète, désolé]

Dans les bars d'alerte où il est dit « Popover sur Bas". Je veux que l'on clique dessus, puis un survol apparaît en dessous. Est-ce que quelqu'un peut me dire où je me trompe?

Answer 1

Vous devez inclure le fichier complet bootstrap.min.js, pas le fichier popover partiel. En outre, vous incluez deux versions différentes de jQuery, qui pourraient tout casser.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js" type="text/javascript"> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript">