jQuery工具提示显示选项卡但不显示换行符吗?

时间:2019-03-04 18:52:08

标签: jquery tooltip newline

我正在使用以下jQuery代码在.NET Web应用程序中显示工具提示:

$(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 })
  });
});

当我在SQL记录中使用char(9)时,数据显示带有显示选项卡,但是为什么当我使用char(10)+ char(13)时却不显示换行符?

JQuery Tooltip

1 个答案:

答案 0 :(得分:2)

选项卡(\t)和换行(\n)都不被识别为HTML字符。

对于标签,您可以使用:&emsp;(也可以使用:&#9;

对于新行,您需要使用<br/>(用\n替换<br/>字符)

或者您可以将预格式化的文本放在html pre tag中: