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

Question

我使用以下 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) 时它不会显示换行符？

Answer 1

制表符 ( \t ) 和换行符 ( \n ) 都不是可识别的 HTML 字符。

对于选项卡，您可以使用:  (您也可以使用:	)

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

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