jQuery Tooltip показывает вкладки, но не переводы строки? - PullRequest
Новая
       57

jQuery Tooltip показывает вкладки, но не переводы строки?

0 голосов
/ 04 марта 2019

Я использую следующий код 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, когда я использую char (9) в записи SQL, но почемуне будет ли отображаться перевод строки при использовании char (10) + char (13)?

JQuery Tooltip

1 Ответ

0 голосов
/ 19 марта 2019

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

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

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

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

...