当我将鼠标悬停在文字和图片上时,我正在使用此jQuery插件制作工具提示 http://www.alessioatzeni.com/wp-content/tutorials/jquery/simple-tooltip/index.html
问题是我无法弄清楚如何在标题标签内换行。
我看过其他人问同样的任务,所以我已经尝试了以下内容:
<br />
\n
<a title='Tool
Tip
On
New
Line'>link with tip</a>
但上述任何一项都不适合我。
答案 0 :(得分:2)
所以你可能正在运行这段代码(来自你问题中链接的网站):
$(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();
}).mousemove(function(e) {
var mousex = e.pageX + 20; //Get X coordinates
var mousey = e.pageY + 10; //Get Y coordinates
$('.tooltip')
.css({ top: mousey, left: mousex })
});
});
请注意,它使用$('<p class="tooltip"></p>').text(title)
。如果您将其更改为.html(title)
,则应该可以使用<br>
。