Charger un Twitter Bootstrap Liste au chargement de la Page

J'ai le texte suivant BootStrap liste:

<a href='#' id='example' rel='popover' data-placement='left' data-content='Its so simple to create a tooltop for my website!' data-original-title='Twitter Bootstrap Popover'>HEY</a>

Et je veux le montrer lors du chargement de la page, j'ai donc ajouté

$('#example').popover('show')

à une fonction, comme suit à la fin du document:

<script>
$(function ()
{ $("#example").popover(show);
});
</script>

mais rien ne s'est passé.

Au chargement de la page je ne reçois rien. Cependant quand je lance $('#example').popover('show') dans la console j'obtiens la liste de travail. Comment puis-je faire la liste sera affiché lorsque la page est chargée?

OriginalL'auteur Charlie Davies | 2012-10-05

  1. 12

    J'ai trouvé cette façon d'être pratique:

    Vous pouvez déclencher le "show", et de définir les options d'un seul coup:

    $('#elementToPointAt').popover({
   'placement':'bottom',
   'content':'Look at me!'
}).popover('show');
    +1.. théorie de la relativité générale, il fonctionne.. $('#elementToPointAt').popover({ 'placement':'bottom', 'content':'Look at me!' }).popover('show').on('click',function(){ $(this).popover('hide'); });

    OriginalL'auteur user2658807

  2. 3

    Vous avez oublié les guillemets pour show. Cela fonctionne:

    $(function () { 
  $("#example").popover('show');
});

    Exemple complet serait:

    <!DOCTYPE html>
<html lang="en">
  <head>
    <link href="css/bootstrap.min.css" rel="stylesheet">
  </head>

  <body>
    <a href='#' id='example' rel='popover' data-placement='right' data-content='Its so simple to create a tooltop for my website!' data-original-title='Twitter Bootstrap Popover'>HEY</a>
    <script src="js/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/script.js"></script>
    <script>
      $(function() { 
        $("#example").popover('show');
      });
    </script>
  </body>
</html>
    il ne semble pas fonctionner
    hm ... il fonctionne très bien pour moi sur Chrome. Utilisez-vous des Outils de développement ou de Firebug? Instantanément, ils vous disent que sans les guillemets, il ne fonctionne pas. Uncaught ReferenceError: show is not defined
    yep, quand je le lance en console j'obtiens la même chose, j'ajoute les guillemets - tout bon, mais au chargement de la page, il ne se déclenche pas
    avez-vous d'inclure jquery avant de votre propre script?
    oui, ça charge, puis ce dernier s'exécute. Jquery fonctionne bien à travers le reste de la page

    OriginalL'auteur zemirco

  3. 0

    L'exécuter une fois la fenêtre est chargé comme suit:

    $(window).load(function(){
  $("#example").popover('show');
});

    OriginalL'auteur Tom

  4. 0
    $("#example").popover({'placement':'bottom'}).popover('show');

    OriginalL'auteur Deepika Patel

  5. -1
    $(document).ready(function(){

window.setTimeout("$('#example').popover('show')",1000);

}

    Cela fonctionne pour moi. L'essayer.

    OriginalL'auteur shivam khandelwal

  6. -1

    Déclencher l'événement click de la balise d'ancrage à l'aide de jQuery comme

    $('[id$='example' ]').trigger("click");

    OriginalL'auteur dsd