Javascript 在引导弹出窗口中插入图像

我正在使用。我在popover中插入了一些数据，还想插入一个图像。这就是我尝试过的

代码：

---

我已经看到了一些关于堆栈溢出的示例，但它不适用于我，因为我想将其插入按钮声明中。

利用popover函数的

内容设置：

$('button').popover({
            trigger: "hover",
            placement: get_popover_placement,
            html: true,
            content: img //loads the image inside the popover container
});

我已经用下面的代码解决了这个问题

   button = "<button title = " + obj.hostname + "&#44;&#32;" + gpu.toUpperCase() +
           " data-content = \"" + returnPOContent(metric_name[metric], display_val) + "\"" +
       //" data-content = \"" + metric_name[metric] + ":&#32;" + display_val + "\"" +
        " data-id=\"" + detailed_summary + "\"" +
        " data-text = \"" + obj.hostname + ", " + gpu.toUpperCase() + ", " + metric_name[metric] + ":&#32;" + display_val + "\"" +
        " class=\"btn " + button_state + " gpu btn-lg open-InfoModal\"" +
        " data-toggle=\"modal\" " +
        " data-html=\"true\" " +
        " rel=\"popover\" " +
        " data-target=\"#hostInfo\" " +
        " href=\"#infoModal\"></button>";

function returnPOContent(mName, dVal) {
    var popOverContent = mName + ": " +dVal+"</br><div id='test'><img src='http://news.bbcimg.co.uk/media/images/71832000/jpg/_71832498_71825880.jpg'/></div>"; 

    return popOverContent;
}

    $("button").popover({
            trigger: "hover",
            placement: get_popover_placement,
            html: true
      });

按钮=”；
函数返回内容（mName、dVal）{
var popcovercontent=mName+“：“+dVal+”
”；
返回内容过多；
}
$（“按钮”）.popover({
触发器：“悬停”，
位置：获得popover位置，
html：对
});
我知道我可以做到，而且它正在处理这个问题，但是我有一些变量，我还需要在内容中显示这些变量。这就是为什么我说我必须在按钮内使用它。@user2798227作为按钮图像？如果是，则变量是动态的，并且始终随
一起提供？否，如按钮中的“数据+图像”在弹出窗口中，单击“模式”按钮。我已经解决了这个问题，谢谢你的帮助。我会把我的答案贴在这里。
$('button').popover({
            trigger: "hover",
            placement: get_popover_placement,
            html: true,
            content: img //loads the image inside the popover container
});

   button = "<button title = " + obj.hostname + "&#44;&#32;" + gpu.toUpperCase() +
           " data-content = \"" + returnPOContent(metric_name[metric], display_val) + "\"" +
       //" data-content = \"" + metric_name[metric] + ":&#32;" + display_val + "\"" +
        " data-id=\"" + detailed_summary + "\"" +
        " data-text = \"" + obj.hostname + ", " + gpu.toUpperCase() + ", " + metric_name[metric] + ":&#32;" + display_val + "\"" +
        " class=\"btn " + button_state + " gpu btn-lg open-InfoModal\"" +
        " data-toggle=\"modal\" " +
        " data-html=\"true\" " +
        " rel=\"popover\" " +
        " data-target=\"#hostInfo\" " +
        " href=\"#infoModal\"></button>";

function returnPOContent(mName, dVal) {
    var popOverContent = mName + ": " +dVal+"</br><div id='test'><img src='http://news.bbcimg.co.uk/media/images/71832000/jpg/_71832498_71825880.jpg'/></div>"; 

    return popOverContent;
}

    $("button").popover({
            trigger: "hover",
            placement: get_popover_placement,
            html: true
      });