添加bootstrap popover不起作用

Question

在我的代码中，我设置了我的表的HTML内容，并且我希望将鼠标悬停在表格的每个单元格上。我正在使用bootstrap。

在javascript中：

html = html + "<td>"+data[i]["initial_score"]+"</td>";
        html = html + "<td onmouseover=\"showpopover('"+main_image_data['score_reason']+"')\">"+main_image_data['bonus']+"</td>";
        html = html + "<td>"+variant_data['bonus']+"</td>";

showpopover功能：

showpopover=function(message){
    $(this).popover({ placement: "bottom",title:"Score",content:"<div>THIS IS SCORE</div>"});   
};

但是，当我将鼠标悬停在单元格上时，它不显示任何弹出窗口。 我在showpopover函数中错误地使用'this'吗？

Answer 1

这是工作Fiddle希望它可以帮助你！

 $popover = $(val).popover({ 
    trigger: "hover",
    placement: "bottom",
    title:"Score",
    content:"<div>THIS IS SCORE</div>"
 });