javascript - 弹出窗口未显示在表行内的按钮中

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 或任何类似的东西，因为我自己不是前端设计师，而且这似乎设置起来并不简单。我只是想要一些“足够好”的东西来进行测试。

我错过了什么？

Answer 1

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

调用.popover()和.tooltip()当你的按钮成功渲染到 DOM 后。