Partage
  • Partager sur Facebook
  • Partager sur Twitter

ma popover ne marche pas

popover sur un ensemble de liens affichés dynamiquement après requète

    22 juillet 2018 à 17:18:00

    Bonsoir à tous et merci d'avance pour votre attention. en gros je veux réaliser un popover au clic d'un lien. ce lien sur lequel l'on doit cliquer est contenu dans un bloc div qui  s'affiche après une requète php vers mysql. Et le popover aura 3 liens dans son data-content. quelque chose comme ça :capture ecran je rencontre un problème : vu que mon div qui contient le lien à cliquer s'affiche dynamiquement, mon code jquery ci-dessous me fait apparaître le popover que sur le dernier bloc div afficher après la requète. j'arrive donc pas à faire ce popover sur chaque lien "partager" de bloc div qui s'affiche. merci de me filer un cou de main.

    <html>
        <head>
            <link href="bootstrap.css" rel="stylesheet">
        </head>
    
        <body>
    
            <?php foreach($posts as $post): ?>
                <div class="infos_bloc">
                    <div class="affich_ici">
                        <?php require('infos_user.php'); ?>
                    </div>
                    <div class="les_liens">
                        <a href="#" id="lien_partager" data-toggle="popover">partager</a>
                    </div>
                </div>
            <?php endforeach; ?>
    
            <script src="jquery-1.11.0.min.js"></script>
            <script src="bootstrap.min.js"></script>
    
            <script type="text/javascript">
                $(document).ready(function(){
                    $("#lien_partager").popover(
                        { 
                          html    : true, 
                          container: 'body',
                          content : '<p><a href="lien1.php">lien1</a></p>
                                     <p><a href="lien2.php">lien2</a></p>
                                     <p><a href="lien3.php">lien3</a></p>', 
                          title   : 'rien',
                          trigger : 'focus',
                          placement: 'top'
                        });
    
                    $(function () {
                      $('[data-toggle="popover"]').popover();
                    });
                });  
            </script>
    
        </body>
    </html>
    



    -
    Edité par ElvisDjabia 22 juillet 2018 à 17:35:15

    • Partager sur Facebook
    • Partager sur Twitter

    ma popover ne marche pas

    × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
    × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
    • Editeur
    • Markdown