Pourquoi mon Bootstrap liste ne fonctionne pas?

Je suis en train d'utiliser le Bootstrap liste. J'ai donc copié le code exact de l'exemple dans mon site web, qui, malheureusement, ne fonctionne pas. J'ai collé le code complet ci-dessous et créé un jsfiddle ici.

J'ai essayé de le mettre dans un bootstrap de conteneurs et dans des lignes et des colonnes, mais rien ne semble fonctionner.

Quelqu'un comment je peux obtenir que le violon au travail? Tous les conseils sont les bienvenus!

<!DOCTYPE html>
<html lang="en">
<head>
    <script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
    <script src="//code.jquery.com/ui/1.11.2/jquery-ui.min.js"></script>
    <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet">
    <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
</head>
<body>
<button type="button" class="btn btn-lg btn-danger" data-toggle="popover" title="Popover title" data-content="And here's some amazing content. It's very engaging. Right?">Click to toggle popover</button>
</body>
</html>
vous n'avez pas besoin de si vous êtes, y compris bootstrap.min.js comme OP.
J'ai mis à jour votre JSFiddle démo inclure jQuery, faute de quoi elle était en train de donner une erreur à propos de jQuery étant manquant (en dépit d'être présent dans votre extrait de code).
LOL, 6 réponses en 10 minutes environ à la même chose: $('[data-toggle="popover"]').popover()
For performance reasons, the Tooltip and Popover data-apis are opt-in, meaning you must initialize them yourself. Comment pouvez-vous obtenir le document, mais vous ne l'avez pas vu.
Double Possible de Bootstrap liste ne fonctionne pas

OriginalL'auteur kramer65 | 2015-05-05

  1. 21

    Vous avez oublié ceci :
    http://getbootstrap.com/javascript/#opt-in-functionality

    Pour des raisons de performance, l'info-bulle et de la Liste de données api sont opt-in, ce qui signifie que vous devez initialiser vous-même.

    Un moyen d'initialiser toutes les info-bulles sur une page pour les sélectionner par leurs données-activer attribut:

    $(function () {
    $('[data-toggle="popover"]').popover()
})
    Comme c'est la seule réponse qui des liens et des citations de la source, +1 pour vous.

    OriginalL'auteur Seblor

  2. 2

    Faut ajouter les 

    $(function () {   
  $('[data-toggle="popover"]').popover() 
});

    exemple de travail ici

    OriginalL'auteur vamsikrishnamannem

  3. 2

    Pour des raisons de performances, vous devriez initilize liste par vous-même :

    <script>
$(function () {
  $('[data-toggle="popover"]').popover()
})
</script>

    Référence

    Assurez-vous d'ajouter la bibliothèque jQuery avant de bootstrap.

    jsFiddle

    OriginalL'auteur jmgross

  4. 2

    Vous avez été absent de l'appel de Fonction dans votre violon et de la bibliothèque jquery avait disparu,

    J'ai ajouté les dépendances manquantes dans votre exemple

    vérifier violon: https://jsfiddle.net/L41g98qx/9/

    voici une liste appel de fonction 

    $(function () {
    $('[data-toggle="popover"]').popover()
})

    Ci-dessous le texte est copié à partir de getbootstrap.com voici ce qu'ils ont à dire à propos de la liste de plugin

    Opt-in fonctionnalité de

    Pour des raisons de performance, l'info-bulle et de la Liste de données api sont opt-in, ce qui signifie que vous devez initialiser vous-même.

    Un moyen d'initialiser tous les popovers sur une page pour les sélectionner
    par leurs données-activer attribut: Copie

    $(function () { $('[data-toggle="popover"]').popover() })

    OriginalL'auteur Nilesh Mahajan

  5. 1

    Vous devez ajouter cette code dans <head> 

    $(function () {
    $('[data-toggle="popover"]').popover()
})

    OriginalL'auteur khurram

  6. 1
    <a tabindex="0" class="btn btn-lg btn-danger" role="button" data-toggle="popover" data-trigger="focus" title="Dismissible popover" data-content="And here's some amazing content. It's very engaging. Right?" id="example">Dismissible popover</a>

    Cette méthode est nécessaire

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

    DÉMO

    OriginalL'auteur sheshadri

  7. 0

    vous pouvez ajouter un id ou class attribut dans la button et que l'appel de la liste de la méthode sur ce bouton. Ici, c'est le travail de violon. http://jsfiddle.net/uqLor9ze/.

    Voici le code d'exemple de violon

     $('#pop').popover();

    OriginalL'auteur Kamran