Я пытаюсь реализовать всплывающее окно при наведении на стол, где на всплывающем окне отображаются примечания для текущего элемента, над которым я нахожу указатель мыши.Код выполняет 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, я получаю правильные данные, но всплывающее окно ничего не отображает.Если я заменяю заметку строкой, она выводится на экран.