bootstrap 鼠标悬浮显示备注信息 两种实现方式

标签：字体   this   默认   end   mouseover   pop   man   ogg   content   

一，（默认黑色字体白色背景）

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(); });
});

bootstrap 鼠标悬浮显示备注信息 两种实现方式

标签：字体   this   默认   end   mouseover   pop   man   ogg   content   

原文地址：http://www.cnblogs.com/qq1988627/p/6625152.html