gpt4 book ai didi

javascript - Bootstrap 工具提示不起作用

转载 作者:行者123 更新时间:2023-11-30 16:22:50 25 4
gpt4 key购买 nike

我无法让我的 Bootstrap 工具提示工作,我几乎尝试了所有方法,多个 jQuery 版本,多个 Bootstrap 版本,多个代码片段(在 stackoverflow 上看到很多类似的问题),头部和之后的 javascript body ,似乎什么都不管用……

这是我当前的代码:

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script>
$(function(){
$('[data-toggle=tooltip]').tooltip();
});
​</script>
</head>
<body>
<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="right" title="Example">Tooltip</button>
</body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
</html>

最佳答案

您正在尝试在 jQuery 加载之前使用它。

如果您查看控制台,您将看到错误:

Uncaught ReferenceError: $ is not defined

要解决此问题,请将您的 script 标记移到 jQuery 库和 Bootstrap JS 之后:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script>
$(function(){
$('[data-toggle=tooltip]').tooltip();
});
​</script>

关于javascript - Bootstrap 工具提示不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34502611/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com