Javascript 在引导popover内容中将文本拆分为多行

我正在尝试添加带有多行的

bootstrap popover

的文本内容。我正在创建可能有换行符的字符串，如下所示，我尝试了

\n、\r\n、
、
和

，但都是徒劳的

     var files = 'No files selected';
        if (path.length > 1) {
            files = '';
            for (var i = 0; i < path.length - 1; i++) {
                files += path[i] + '<br />';
            }
        }
     $(this).attr('data-content', files);
     $(this).popover('toggle');

var files='未选择任何文件'；
如果（路径长度>1）{
文件=“”；
对于（变量i=0；i'；
}
}
$（this.attr（'data-content'，文件）；
$（this.popover（'toggle'）；

从上面的代码中，我在popover中得到的输入如下所示

---

我在一些帖子中读到通过内容标签添加/更新

popover

内容，但没有成功。另外，还有一篇帖子设置了

HTML

的

popover

内容，但我没有得到。我不知道如何使用上述方法或类似方法创建新行。

您可以添加数据html=“true”或在JS中这样做。有关JS解决方案，请参阅。

初始化popover时，需要传递选项HTML:true。然后
和其他HTML标记应该可以工作：

$(".foo").hover(function () {
    $(this).popover({
        title: "Bar",
        content: "Line 1 <br /> Line 2 <br /> Line 3",
        html: true
    }).popover('show');
}, function () {
    $(this).popover('hide');
});

$（“.foo”）.hover（函数（）{
$（这个）({
标题：“酒吧”，
内容：“第1行
第2行
第3行”，
html：对
}).popover（“show”）；
}，函数（）{
$（this.popover（'hide'）；
});

希望这有助于你成功，谢谢！但必须将css更改为class.popover内容