2013-01-01 3 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

관련 문제