Question

我有一个通过JavaScript（ReactJS）的 map 函数构建的表。

在最后一栏，我应该有一些按钮，用于打开一个（最终）保存一些信息的弹出窗口。这个单元格是这样完成的：

<td>
    <div>
        <button className="btn btn-primary"
                tabIndex="0"
                role="button"
                data-toggle="popover"
                data-trigger="focus"
                title="Details"
                data-content="Testing, Testing">
               <b>IN PIT</b>
         </button>
    </div>
</td>

到目前为止，所述按钮出现了，但没有任何弹出窗口。我没有使用npm或其他任何类型，因为我自己并不是一名前端设计师，而且设置似乎并不重要。我只想要一些东西＆＃34;足够好＆＃34;用于测试目的。

我错过了什么？

Answer 1

您的属性名称意味着您希望加载引导程序（外部库）并附加到元素以提供功能，是否在页面上的脚本标记中包含引导程序？这些属性本身并不做任何事情，它们只是附加行动的标签。在body标记底部添加bootstrap cdn标记以进行寻址。

Answer 2

看着你的https://pastebin.com/KuRHjWxr。弹出窗口不起作用，你必须以其他方式实现它们。你发起了当DOM中没有按钮时$('[data-toggle="popover"]').popover(); $('[data-toggle="tooltip"]').tooltip();。

在按钮成功呈现到DOM后调用.popover()和.tooltip()。

弹出窗口没有显示在表格行内的按钮中

2 个答案: