Bootstrap liste n'est pas placé correctement, même avec conteneur: 'body' ensemble

J'ai un bouton dans un tableau qui devrait basculer d'une fenêtre pop-over. J'ai mis le data-container="body" ainsi que je l'ai essayé avec la version javascript.

Ma liste ressemble à ceci: (j'ai cliqué sur le premier bouton)

Mon code du bouton est ici:

<button id="testsettracesBtn1" class="btn btn-large btn-danger" data-toggle="popover" title="" data-content="And here's some amazing content. It's very engaging. right?" data-original-title="A Title">Click to toggle popover</button>

Et voici mon code javascript:

<script type="text/javascript">
      $("#testsettracesBtn1").popover({ container: 'body'});
</script>

Comment puis-je l'atteindre à la place de ma liste de droite? (Et oui j'ai la dernière version bootstrap.)

Essayez d'ajouter un jsfiddle.net à votre question. Et de définir la droite. Il n'est pas centré au milieu à droite assez? Ou est-il actuellement sur le dessus?
J'ai créé un JsFiddle, mais il ne peut pas reproduire sur jsfiddle: jsfiddle.net/x58uM/1. Avec la droite, je veux dire: à droite du bouton et centrée verticalement sur le bouton.
Eh bien, si le même code fonctionne dans jsfiddle, mais pas dans votre fichier, le problème est probablement en dehors du code. JS inclure la commande peut-être? Ou votre CSS pourrait jeter les styles off.
Bon, je vous remercie. J'ai trouvé mon problème. C'est un select dans un span. J'ai utilisé cette couleur de statuts spécifiques. Coup d'oeil ici: jsfiddle.net/x58uM/2. Dois-je penser à un autre "coloriage" méthode ou puis-je continuer à utiliser le badge?
C'est ce qu'un div 😉

OriginalL'auteur philm5 | 2013-06-25

8

J'ai eu le même problème, mais la source du bug, c'est que mon Bootstrap cadre a été dépassée. J'ai mis à jour pour 2.3.2 et la container: 'body' attribut commencé à travailler.

Il m'a fait très mal à la tête... jusqu'à ce que j'ai trouvé le problème n'était pas dans mon propre code!

Cela a résolu pour moi. Notre version 2.2.2, alors j'ai juste copié info-bulle de code à partir des 2.3.2 et maintenant le contenu:"corps" fonctionne.

OriginalL'auteur ktm5124
5

Cet étrange comportement est dû au fait que de nombreux select éléments dans mon tableau. Je ne sais pas pourquoi? Je viens de modifier la largeur de la fenêtre pop-over à max-width, après que le bouton est cliqué. Avec la largeur correcte aussi la flèche est positionnée à droite:
```
$(document).ready(function(){    
    $("[id^=kommentareBtn-]").popover({ container: 'body', placement: 'bottom', html: true });

    //this fixed my problem...
    $("[id^=kommentareBtn-]").click(function() {
      $(".popover").css("width", "276px");
    });
});
```
Même problème ici: Popovers sont pas placés correctement, mais quand je l'ai pré-affecter la width et height d'eux, ils sont placés correctement.
Mon problème était que j'étais paramètre de la liste de titre avec jQuery par programmation après la création de la liste. Faire cela un peu plus tôt résolu le problème.

OriginalL'auteur philm5

Vous devez vous connecter pour publier un commentaire.