将字符串转换为普通的html标记

Question

我在这里错过了一些东西。我试图在执行期间获取图像并在pophover中显示。这个pophover在桌面行。

基本流程是，用户将悬停在一行上，这样就会在右边显示一个弹出窗口，其中包含产品图像以及一些描述。

我能够跟踪图像，但在返回时整个图像标记附加为字符串。因此，代码将被解析为字符串并按原样显示。

我该如何解决这个问题？

$('body').popover({
    placement:"right",
    trigger:"hover",
    selector:'tr[id=popover]',
    content:function(){
        return '<img src = "' + $(this).children("td").children("img")[0].currentSrc + '" width="200" height="200">'
    }
});

我在想是否可以将返回部分转换为普通图像标记然后可以解决此问题。

希望这个截图有帮助。

Answer 1

https://getbootstrap.com/docs/3.3/javascript/#popovers-options：

  

html |布尔值|假
  将HTML插入到弹出窗口中。如果为false，则使用jQuery的文本方法将内容插入DOM。如果您担心XSS攻击，请使用文本。

Answer 2

在jQuery中渲染它，例如

var x = $(content);
parentEl.append(x)