2013-01-01 23 views
13

如何在彈出窗口內容中添加換行符?換行符標記和換行符都不起作用。這就是我想:如何向JQuery彈出窗口添加換行符

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

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

回答

46

你需要的時候你初始化酥料餅傳遞選項html: true。然後<br />和其它的HTML標籤應該工作:

$(".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

工程就像一個魅力,謝謝 – Boundless

+7

您還可以將其設置爲這樣的標記數據屬性:數據HTML =「真」 –

+0

謝謝!這真的很有幫助 – user4826347