jQuery 工具提示显示制表符但不显示换行符?
jQuery Tooltip Showing Tabs But Not Newlines?
我正在使用以下 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 })
});
});
当我在 SQL 记录中使用 char(9) 时,数据显示为显示选项卡,但为什么当我使用 char(10) + char(13) 时它不显示换行符?
制表符 (\t
) 和换行符 (\n
) 均无法识别 HTML 个字符。
对于选项卡,您可以使用: 
(您也可以使用:	
)
对于新行,您需要使用 <br/>
(将 \n
字符替换为 <br/>
)
或者您可以将预先格式化的文本放入 html pre tag:
我正在使用以下 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 })
});
});
当我在 SQL 记录中使用 char(9) 时,数据显示为显示选项卡,但为什么当我使用 char(10) + char(13) 时它不显示换行符?
制表符 (\t
) 和换行符 (\n
) 均无法识别 HTML 个字符。
对于选项卡,您可以使用: 
(您也可以使用:	
)
对于新行,您需要使用 <br/>
(将 \n
字符替换为 <br/>
)
或者您可以将预先格式化的文本放入 html pre tag: