Question

您好我需要使用Bootstrap的popover fucntion（但是正常的bootstrap而不是React-Bootstrap）但不知何故它不适合我，我无法找出原因。

我正在使用它。在我的渲染功能中，我有这个按钮

someDoubleProperty.bind(computed);
computed.addListener((obs, oldComputedValue, newComputedValue) -> {
    /* some code */
});

在我正确加载的myscript.js中，我有

   <button id="mybutton" type="button" className="btn btn-secondary" data-container="body" data-toggle="popover" data-placement="bottom" data-content="Popover msg" data-html="true">Popover on bottom</button>

但是当我点击按钮时它无法正常工作。我也尝试过这样的

> $(document).ready(function(){
>     $('[data-toggle="tooltip"]').tooltip();    });

没有成功。我有一切包括Jquery，Boostrap.js和css，我把myscript.js放在index.html的末尾，所以没有js文件可以覆盖它的功能。

你能告诉我我做错了什么吗？或者也许不可能在React中使用classis react popover？谢谢

Answer 1

解决了这个问题。实际上我发现在文档就绪函数上使用$('[data-toggle="tooltip"]').tooltip();。仍然太早，因为我的组件仍未呈现。因此，我将此脚本放在componentDidMount()上，现在正在运行。

带有boostrap的React popover并没有显示出来

1 个答案: