bootstrap 鼠標懸浮顯示備注信息 兩種實現方式

一，（默認黑色字體白色背景）

sb.append("<td><a data-content='"+rowData[8]+"'>").append(rowData[4]).append("</a></td>");

$(function(){
// 初始化 popover，觸發方式為手動觸發
$('a').popover({
trigger: 'manual'
})
.on('mouseover', function() {
// 獲得焦點時隱藏
$(this).popover('show');
})
.on('mouseout', function() {
// 失去焦點時顯示
$(this).popover('hide');
});
});

二，(默認黑色背景白色字體)

sb.append("<td><a href='#'  data-toggle='tooltip' data-placement='left' title='"+reamark+"'><font color='red'>").append(isOk).append("</a></font></td>");

$(function(){
$(function () { $("[data-toggle='tooltip']").tooltip(); });
});