Question

我正在尝试将bootstraptour集成到我的网站上。

我遇到以下错误：

未捕获的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不是函数

Answer 1

我已经使用独立版本解决了相同的问题。因此，我从github上的GitHub Repository of Bootstrap-tour下载了最新版本，并按照以下顺序将内容添加到了我的网页中：

boostrap.min.css（我使用4.1.0版本）
boostrap-tour-standalone.min.css
JQuery（版本3.2.1）
bootstrap.min.js（版本4.1.0）
bootstrap-tour-standalone.min.js

没关系。

Answer 2

我已移至Bootstrap Tourist ，因为另一个答案中建议的独立版本引起了引导程序的设计问题（最新版本）。

Bootstrap Tourist与Bootstrap Tour非常相似，并且提供了更多的自定义功能。

Bootstrap游览n.data（...）。tip不是函数

2 个答案: