Всплывающая подсказка jQuery, показывающая вкладки, но не новые строки?

#jquery #tooltip #newline

#jquery #всплывающая подсказка #новая строка

Вопрос:

Я использую следующий код jQuery для отображения всплывающих подсказок в веб-приложении .NET:

 $(document).ready(function () {
  // Tooltip only Text
  $('.masterTooltip').hover(function () {
    // Hover over code
    var title = $(this).attr('title');
    $(this).data('tipText', title).removeAttr('title');
    $('<p class="tooltip"></p>')
    .text(title)
    .appendTo('body')
    .fadeIn('slow');
  }, function () {
    // Hover out code
    $(this).attr('title', $(this).data('tipText'));
    $('.tooltip').remove();
  }).click(function (e) {
    var mousex = e.pageX   20; //Get X coordinates
    var mousey = e.pageY   10; //Get Y coordinates
    $('.tooltip')
    .css({ top: mousey, left: mousex })
  });
});
  

Данные отображаются с помощью show tabs, когда я использую char (9) в записи SQL, но почему они не отображают новые строки, когда я использую char (10) char (13)?

Всплывающая подсказка jQuery

Ответ №1:

Ни табуляция ( t ), ни новая строка ( n ) не распознаются символами HTML.

Для вкладки вы можете использовать: amp;emsp; (вы также могли бы использовать: amp;#9; )

Для новой строки вам нужно использовать <br/> (замените ваш n символ на <br/> )

или вы можете поместить свой предварительно отформатированный текст в предварительный тег html: