Question

我现在正试着让bootstrap.min.js工作。我在bootstrap-3.1.1-dist / js /

的服务器上托管了bootstrap.min.js

在我的标题中我有

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Rochester Michigan Computer Repair and Web Design">

<title>Tony Weed - Michigan IT Services</title>

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="bootstrap-3.1.1-dist/js/bootstrap.min.js"></script>

<link href="bootstrap-3.1.1-dist/css/bootstrap.min.css" rel="stylesheet" />
<link href="style.css" rel="stylesheet" />

</head>

我正在尝试使用

调用工具提示

 <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="left" title="Tooltip on left">Tooltip on left</button>

但我无法让它发挥作用。过去几个小时我一直盯着这个，我觉得这是我忽略的事情。我希望第二组眼睛有所帮助。

我的网站主持人可能与此有什么关系吗？我正在浏览ipage

Answer 1

来自bootstrap工具提示文档：

出于性能原因，Tooltip和Popover data-apis是选择加入的，这意味着您必须自己初始化它们。

您需要致电：

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

此外，您应该在加载DOM后启动工具提示。

将您的JS代码包裹在jQuery.ready

中

Answer 2

我不确定它是否能解决问题，但脚本应位于页面底部而不是<head>

Answer 3

在DOM中的任何目标元素可用之前，您正在调用插件的初始化。您可以将其包装在文档就绪处理程序中：

$(function () {
    $('li[data-toggle="tooltip"]').tooltip({
        animated: 'fade',
        placement: 'bottom',
    });
});

你真的应该在你的问题中提供了更多的背景，这可以在几秒钟内修复......

无法使Bootstrap.min.js正常运行

3 个答案: