javascript - 添加引导弹出窗口不起作用

Question

在我的代码中，我正在设置表格的 HTML 内容，并且我想在将鼠标悬停在表格的每个单元格上时显示弹出框。我为此使用引导程序。

在 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=function(message){
    $(this).popover({ placement: "bottom",title:"Score",content:"<div>THIS IS SCORE</div>"});   
};

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

Answer 1

这是工作中的小提琴希望它可以帮助你！

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