我在html页面上创建了一个jQuery Tooltip.我想在超链接上显示带有html内容的工具提示.但是jQuery Tooltip只是将所有html文本显示为工具提示中的普通文本,但没有html格式.有一个jQuery Tooltip的例
<head>
<title>jQuery Tooltip</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
<script src="http://img.558idc.com/uploadfile/allimg/210615/23392H3Q-0.jpg"></script>
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
<script>
$(function() {
$(document).tooltip();
});
</script>
<style>
label {
display: inline-block;
width: 5em;
}
</style>
</head>
<body>
<a href="#" title="<font color='#FF0000'>That's what this widgets</font>">Tooltips</a>
</body>
工具提示,而不是显示红色的文本“这就是这个小部件”,它显示“< font color ='#FF0000'>这就是这个小部件< / font>”. html格式不适用于工具提示文本.似乎工具提示无法识别html格式.问题似乎是工具提示上的样式不正确或者可能是jQuery工具提示不支持html内容.
我想知道为什么我的jQuery工具提示无法显示html内容？我需要一些关于我的问题的帮助.
使用 tooltip提供的 content选项$(function(){
$('[title]').tooltip({
content: function(){
var element = $( this );
return element.attr('title')
}
});
});
演示：Plunker