时间戳

首页 > 解决方案 > Bootstrap tour n.data(...).tip 不是函数

jquery - Bootstrap tour n.data(...).tip 不是函数

问题描述

我正在尝试将引导程序集成到我的网站上。

我收到以下错误：

未捕获的 TypeError：n.data(...).tip 不是函数

我像这样加载我的资源：

<link href="<?=base_url()?>assets/css/bootstrap-tour.min.css" rel="stylesheet"> 
<script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" crossorigin="anonymous"></script>
<script defer="defer" src="<?=base_url()?>assets/js/bootstrap-tour.min.js" type="text/javascript"></script>

在我看来，我执行此操作：

<script type="text/javascript">
    $(document).ready(function() {
        // Instance the tour
        var tour = new Tour({
            steps: [
                {
                    element: "#adminvolunteers",
                    title: "Title of my step",
                    content: "Content of my step"
                },
                {
                    element: "#adminorganizations",
                    title: "Title of my step",
                    content: "Content of my step"
                }
            ]});

        // Initialize the tour
        tour.init();

        // Start the tour
        tour.start();
    });
</script>

如果我删除脚本加载中的延迟，我会收到以下错误：

未捕获的 TypeError：n.popover 不是函数

标签： jquerytwitter-bootstrapbootstrap-tour

解决方案

我已经使用独立版本解决了同样的问题。所以我从GitHub 的 Bootstrap-tour 存储库下载了最后一个版本，并按以下顺序在我的网页中添加了内容：

  1. boostrap.min.css（我使用的是 4.1.0 版本）
  2. boostrap-tour-standalone.min.css
  3. jQuery（版本 3.2.1）
  4. bootstrap.min.js（版本 4.1.0）
  5. bootstrap-tour-standalone.min.js

没关系。

推荐阅读