줄 바꿈하지 못했습니다.

Question

여러 줄로 된 텍스트로 동적 툴팁을 만들려고하는데 모든 것이 잘 작동하지만 다음 줄은 아닙니다. 줄 바꿈을 수행하는 데 더 많은 아이디어가 있습니까?

<script type="text/javascript"> 
var data = { 
    name: "enter your name", 
    family: "enter your family", 
    testfamily: "enter your family", 
    //HERE IS WHERE I AM TRYING TO PERFORM LINE BREAK, BUT I FAILED 
    uc1_txtname: 'aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa <br>\n\r<br\>\t <\br> aaaaaaa', 
    uc2_txtname: "enter your name for Control 2 (User Control2)", 
    family1: "THis is button tooltips" 
} 

function ShowTooltip() { 
    var Tip = $("<div class='dinamictip'></div>"); 
    $("input").hover(function() { 
     Tip.text(''); 
     var ToolTipID = $(this).attr('id'); 
     var offset = $(this).offset(); 
     var height = $(this).height() + 10; 

     Tip.text(data[ToolTipID]); 

     Tip.css('display', 'inline') 
      .css('position', 'absolute') 
      .css('background', 'lightyellow') 
      .css('border', '1px solid #cccccc') 
      .css('color', '#6c6c6c') 
      .css('left', offset.left) 
      .css('top', offset.top - height) 
      .css('border-radius','15px') 



     Tip.appendTo('body'); 
    }, 

      function() { 
       Tip.remove(); 
      }); 
} 


ShowTooltip(); 

Answer 1

.text()는 HTML 태그를 인코딩 및 텍스트와 함께 그들을 표시합니다. 교체

봅니다 :와

Tip.text(data[ToolTipID]); 

:

Top.html(data[ToolTipID]);