twitter-bootstrap – Bootstrap工具提示不工作

发布时间：2020-12-17 23:11:34 所属栏目：安全来源：网络整理

导读：我要疯了。我有以下HTML： a href="#" rel="tooltip" title="A nice tooltip"test/a 而Bootstrap风格的工具提示拒绝显示，只是一个正常的工具提示。我有bootstrap.css工作很好，我可以看到在那里的类我有所有相关的JS文件在我的HTML文件的结尾： script s

我要疯了。

我有以下HTML：

<a href="#" rel="tooltip" title="A nice tooltip">test</a>

而Bootstrap风格的工具提示拒绝显示，只是一个正常的工具提示。

我有bootstrap.css工作很好，我可以看到在那里的类

我有所有相关的JS文件在我的HTML文件的结尾：

<script src="bootstrap/js/jquery.js"></script>
<script src="bootstrap/js/bootstrap-alert.js"></script>
<script src="bootstrap/js/bootstrap-modal.js"></script>
<script src="bootstrap/js/bootstrap-transition.js"></script>
<script src="bootstrap/js/bootstrap-tooltip.js"></script>

我看了Bootstrap的例子的源，看不到任何启动工具提示的地方。所以我猜想它应该工作，或者我缺少一些重要的在这里？

我有模态和警报和其他事情工作很好，所以我不是一个总的蠢)

感谢任何帮助！

解决方法

总结：使用jQuery选择器激活你的工具提示

<script type="text/javascript">
    $(function () {
        $("[rel='tooltip']").tooltip();
    });
</script>

实际上，你不需要使用属性选择器，你可以在任何元素上调用它，即使它的标签中没有rel =“tooltip”。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!