我正在尝试在桌上的悬停上实现一个悬停,该悬停显示我正在悬停的当前项目的注释。该代码进行了ajax调用,以获取数据并将其显示在弹出窗口上,但是由于某些原因,不会显示弹出窗口的内容。我所得到的只是一个带有标题的弹出框。这是我的代码:
$('body').on('mouseover', '#table td', function (e) {
var index = $(this).parent().attr('data-index');
var note = "";
$.ajax({
type: "GET",
url: "/equipment/ajax",
success: function(data){
var obj = JSON.parse(data);
note = obj.rows[index].device_description;
$('#domains_tb td').popover({
title: "Note",
content: note,
placement: "bottom",
trigger: "hover"
});
//console.log(note);
},
error: function(){
console.log("error");
}
});
当我控制台记录从JSON获得的注释时,我确实获得了正确的数据,但弹出内容未显示任何内容。如果我将注释替换为字符串,那么它将在屏幕上显示出来。