Pourquoi mon bootstrap liste ne montre pas?

- Je créer un statique liste dans le bootstrap,
mais il ne fonctionne pas

certains de code html:

<div class="container row-fluid" >
<div class="span8 offset2">
    <div class="hero-unit">
        <h1 class="hidden-phone">Heading</h1>
        <div class="row-fluid">
            <div class="span5" style="margin-top:30px;">
                <div class="popover left" id="welcome">
                    <div class="arrow"></div>
                    <h3 class="popover-title">To ALL:</h3>
                    <div class="popover-content">
                        <p>count and</p>                
                        <p>。。。</p>  
                    </div>
                </div>
            </div>
            <div class="span6">
                <img src="img/welcome/1.jpg" class="img-circle img-polaroid pull-right hidden-phone" />
            </div>
        </div>
        <a class="btn btn-primary btn-large" href="#">TEST NOW!</a>
    </div>
</div>

l'ensemble de mon code js:

$('#welcome').popover();
  • Toutes les erreurs? Êtes-vous sûr que même sa mise en jeu de la js fie?
  • je ne recevront pas de msg d'erreur dans mon firebug
  • vous pouvez voir tout le code sur mon site web, juste au-dessus le contenu de cette question
  • Une chose est votre Image n'est pas trouvée..
  • l'img doesnt matter...
  • Vous n'avez pas précisé si le contenu de la liste vient de.
  • merci, mais ce code html ( <div class="liste" de gauche " id="accueil"><div class="arrow"></div><h3 class="liste-titre">Pour TOUS:</h3><div class="liste-content"> <p>le comte et</p> <p>。。。</p> </div> </div>)est copié à partir de bootstrap site officiel de l'

InformationsquelleAutor Jean Y.C. Yang | 2013-02-24
  1. 6

    Je suis en donnant un exemple de code.

    Html: 

    <span class="giverscore_tooltip">Example</span>

    JS:

    jQuery(document).ready(function() {
     $('.giverscore_tooltip').popover({
        trigger:'hover',
        content:'write a review, create a keyword, invite a friend, and more.',
        placement:'top'
    });
 });
    InformationsquelleAutor Yusuf
  2. 3

    Je peux voir , ce qui s'est passé . Le code que vous faites référence est généré lorsque vous créez une liste sur un bouton .

    Vérifier JS fiddle avec bouton Jsfiddle vous pouvez modifier

    Vérifier dans le navigateur Navigateur et tester le bouton
    Pourquoi mon bootstrap liste ne montre pas?

    Section 1:

    <div class="popover left" ">
                <div class="arrow"></div>
                <h3 class="popover-title">To ALL:</h3>
                <div class="popover-content">
                    <p>count and</p>                
                    <p>。。。</p>  
                </div>
              </div>

    Si par exemple vous voulez créer le contenu ci-dessus dans une liste , vous devez effectuer les opérations suivantes :

    <a id="pop" title="" data-content="<p>Content and</p><p> Vivamus sagittis lacus vel augue laoreet rutrum faucibus.</p>" data-placement="left" data-toggle="popover" class="btn" href="#" data-original-title="Popover on left" data-html="true">Try me</a>

    Ainsi, lorsque vous cliquez sur ce bouton, le code ci-dessus dans la section 1 va générer . Rappelez-vous aussi si vous voulez utiliser le contenu html définir data-html="true"

    InformationsquelleAutor Shail
  3. 0

    Vous devez appliquer la liste de fonction pour le bouton, pas le contenu. 

    $('.btn').popover();

    Ce n'est toujours pas résoudre complètement le problème, puisque vous n'avez pas associé de votre contenu div avec ce bouton, mais c'est un début.

    Mise à JOUR: Après avoir acquis une meilleure compréhension de ce que l'OP est après, je pense qu'il pourrait être accompli simplement en montrant la liste après c'est initialisée:

    $(div#welcome').popover();
$('div#welcome').show();

    C'est un très gros détour pour ne rien faire de plus que le style d'un élément comme une fenêtre pop-over, cependant. Il devrait vraiment être fait avec CSS seul.

    • plz regardez ceci: twitter.github.com/bootstrap/javascript.html#popovers site officiel dit qu'il peut être statique et pas besoin de se lier à un bouton
    • Je suis très familier avec cette page, et je ne vois pas quelque chose comme ce que vous avez.
    • Je crois que je vois où vous êtes à l'incompréhension de la page. La statique popovers sont là pour vous montrer ce que popovers ressemblent, pas comment les mettre en œuvre. Ignorer le code utilisé pour ceux et à l'techniques ci-dessous.
    • Voici l'essentiel peu: "Aucun balisage montré que les popovers sont générés à partir de JavaScript et le contenu à l'intérieur d'un attribut de données."
    • le contenu de la liste a même été caché, vous pouvez voir le code. Ctrl-U
    • si oui, que peut faire l'exemple de la page affiche la liste et il est statique?
    • Voir ma réponse mis à jour.

    InformationsquelleAutor isherwood