2013-01-01 8 views
13

Comment puis-je ajouter un saut de ligne dans mon contenu popover? Ni la balise de saut de ligne ni le nouveau caractère de ligne ne fonctionnent. Voilà ce que je suis en train:Comment ajouter un saut de ligne au popover JQuery

$(".foo").hover(function() { 
    $(this).popover({ 
     title: "Bar", 
     content: "Line 1 <br /> Line 2 \n Line 3" 

    }).popover('show'); 
}, function() { 
    $(this).popover('hide'); 
}); 

Répondre

46

Vous devez passer l'option html: true lors de l'initialisation du popover. Ensuite <br /> et d'autres balises html doivent travailler:

$(".foo").hover(function() { 
    $(this).popover({ 
     title: "Bar", 
     content: "Line 1 <br /> Line 2 <br /> Line 3", 
     html: true 
    }).popover('show'); 
}, function() { 
    $(this).popover('hide'); 
}); 

https://groups.google.com/forum/?fromgroups=#!topic/twitter-bootstrap/bhtpERLYCo4

+0

fonctionne comme un charme, merci – Boundless

+7

Vous pouvez également définir comme comme attribut de données dans le balisage ceci: données html = « true » –

+0

Merci! C'était vraiment utile – user4826347

Questions connexes