ad

用boostrap反应弹出式未显示-英雄云拓展知识分享

匿名投稿 256 2024-01-21

您好,我需要使用Bootstrap中的Popover Fucntion(但是普通的Bootstrap不是React-Bootstrap),但是它不知何故对我不起作用,我没法弄清楚缘由。

我这样使用。在我的渲染功能中,我有这个按钮

   <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>

用boostrap反应弹出式未显示-英雄云拓展知识分享

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

> $(document).ready(function(){

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

但是,当我单击按钮时,它没法正常工作。我也这样尝试

  $('#mybutton').popover();

没有成功。我的所有内容都包括jQuery,Boostrap.js和CSS,并且我将myScript.js放在INDEX.html的末尾,因此JS文件都没法覆盖其功能。

你能告知我我做错了甚么吗?还是不可能在React中使用Classis React popover?谢谢

看答案

解决了问题。实际上我发现使用 $('[data-toggle="tooltip"]').tooltip(); 在文档上准备的功能。还为时过早,由于我的组件依然没有渲染。因此我把这个脚本放在 componentDidMount() 现在它的工作。


🚀🌟 点击注册 免费试用超级应用平台-英雄云企业级hpapaas 🌟🚀 😃👉🌐

免责声明:

本网址(www.yingxiongyun.com)发布的材料主要源于独立创作和网友匿名投稿。此处提供的所有信息仅供参考之用。我们致力于提供准确且可信的信息,但不对材料的完整性或真实性作出任何保证。用户应自行验证相关信息的正确性,并对其决策承担全部责任。对于由于信息的错误、不准确或遗漏所造成的任何损失,本网址不承担任何法律责任。本网站所展示的所有内容,如文字、图像、标志、音频、视频、软件和程序等的版权均属于原创作者。如果任何组织或个人认为网站内容可能侵犯其知识产权,或包含不准确之处,请即刻联系我们进行相应处理。

标签:jQuery Reactjs
上一篇:更改JSON转换为Pojo并返回的名称-英雄云拓展知识分享
下一篇:安装软件包R(Ubuntu)-英雄云拓展知识分享
相关文章

 发表评论

暂时没有评论,来抢沙发吧~

×