javascript - 将 Bootstrap 弹出内容中的文本分成多行

标签 javascript jquery twitter-bootstrap-3 popover

我正在尝试添加 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');

从上面的代码中,我在弹出窗口中获得的输入如下所示

enter image description here

我已经阅读了一些帖子以添加/更新popover通过内容标签的内容,但没有工作。另外还有一个帖子可以设置HTML popover 的内容我没有得到。我不知道如何使用上述方法或类似方法创建新行。

最佳答案

您可以添加 data-html="true"或在 JS 中执行此操作。 JS方案请引用How do you add line break to JQuery popover .

关于javascript - 将 Bootstrap 弹出内容中的文本分成多行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25739024/

相关文章:

php - 使用 Jasny 文件输入使用 PHP 将文件上传到服务器

javascript - 如何使用 Hooks 在 React 中显示/隐藏组件?

javascript - 在下拉菜单顶部显示所选子页面的标题(wordpress)

jquery - 从基本 HTML 和 CSS 转向 Bootstrap 或流体布局

javascript - 带有 this/bind 的 JS 原型(prototype)范围

javascript - jQuery .after() 在 IE 中不工作

css - Bootstrap 可滚动面板

javascript - 带有edgee的多个文件上传url :slingshot

javascript - (function(){})() 与 !function(){}()

javascript - 如何在 HTML 文件中导入 EJS 文件