如何在HTML工具提示中添加换行符?
我尝试在工具提示中使用<br/>和\n,如下所示:
<a href="#" title="Some long text <br/> Second line text \n Third line text">Hover me</a>
然而,这是无用的,我可以在工具提示中看到文字<br/>和\n。任何建议都会很有帮助。
如何在HTML工具提示中添加换行符?
我尝试在工具提示中使用<br/>和\n,如下所示:
<a href="#" title="Some long text <br/> Second line text \n Third line text">Hover me</a>
然而,这是无用的,我可以在工具提示中看到文字<br/>和\n。任何建议都会很有帮助。
当前回答
Jquery UI 1.10不支持在标题属性中使用html标签,因为它不是有效的html。
所以另一种解决方案是使用工具提示内容选项。 参考- http://api.jqueryui.com/tooltip/#option-content
其他回答
只需添加data-html="true"
<a href="#" title="Some long text <br/> Second line text \n Third line text" data-html="true">Hover me</a>
使用.html()而不是.text()对我来说很有效。例如
.html("This is a first line." + "<br/>" + "This is a second line.")
\n
在造型上
.tooltip-inner {
white-space: pre-line;
}
为我工作。
如果你使用的是Jquery Tooltip工具,那么在“Jquery -ui.js”Javascript文件中找到以下文本:
tooltip.find(".ui-tooltip-content").html(content);
放在上面
content=content.replace(/\</g,'<').replace(/\>/g,'>');
我希望这对你也有用。
这个CSS是我在编辑器中与换行一起工作的最终结果:
.tooltip-inner {
white-space: pre-wrap;
}
在这里找到: 如何使Twitter引导工具提示有多行?