在bootstrap popover内容中将文本分成多行

Question

我正在尝试使用多行添加bootstrap popover的文本内容。我正在创建可能的换行字符串，如下所示，我已经尝试了\n, \r\n, <br>, <br/> and <br />，但都是徒劳。

     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');

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

我在一些帖子中已经阅读了通过内容标记添加/更新popover内容但是没有用。另外，还有一篇帖子可以为HTML设置popover内容，而这些内容是我没有得到的。我不知道如何使用上述方法或类似方法创建新行。

Answer 1

您可以添加data-html =＆＃34; true＆＃34;或者在JS中这样做。有关JS解决方案，请参阅How do you add line break to JQuery popover。

Answer 2

初始化弹出框时，您需要传递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');
});