Не удалось установить строку

Question

Я пытаюсь создать динамическую всплывающую подсказку с многострочным текстом, все работает отлично, но nextline этого не делает. Любая идея больше для меня выполнить разрыв строки?

<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-теги и отображать их вместе с текстом.

Try замена:

Tip.text(data[ToolTipID]); 

С:

Top.html(data[ToolTipID]);