2013-01-01 18 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 =「true」を –

+0

ありがとう!本当に役立った – user4826347

関連する問題