Javascript Intro.js-仅显示一个步骤

我目前正在使用Intro.js或angular-Intro.js

我现在尝试的是，你可以进行一次完整的巡演，但也只能展示一个步骤（并且没有机会寻找另一个步骤）

我知道我可以使用

CallMe（3）

从步骤3开始，从特定步骤开始，并且我知道我可以禁用导航按钮，将

showButtons

设置为false。但是有没有办法同时拥有这两个功能，一个按钮后面有

CallMe（）

，显示完整的教程，另一个按钮后面有

CallMe（3）

或自编函数，只显示给定的步骤

这就是我所说的旅行：

<button class="btn btn-large btn-success" ng-click="$ctrl.CallMe();">Demo</button>
        <button class="btn btn-large btn-success" ng-click="$ctrl.CallMe(3);">Start at step 3</button>

Demo
从步骤3开始

这就是旅游的定义：

this.IntroOptions = {
            steps: [
                {
                    element: document.querySelector('#step1'),
                    intro: "This is the first tooltip."
                },
                {
                    element: document.querySelectorAll('#step2')[0],
                    intro: "<strong>You</strong> can also <em>include</em> HTML",
                    position: 'right'
                },
                {
                    element: '.nicediv',
                    intro: 'More features, more fun.'
                },
                {
                    element: '#step4',
                    intro: "Another step.",
                    position: 'bottom'
                },
                {
                    element: '#step5',
                    intro: 'Get it, use it.'
                },
                {
                    element: '#tollesP',
                    intro: 'Scrolling of course works as well.'
                }
            ],
            showStepNumbers: false,
            showBullets: false,
            exitOnOverlayClick: true,
            exitOnEsc: true,
            nextLabel: '<strong>NEXT!</strong>',
            prevLabel: '<span style="color:green">Previous</span>',
            skipLabel: 'Exit',
            doneLabel: 'Thanks',
            showProgress: true,
            showButtons: true
        };

this.IntroOptions={
步骤：[
{
元素：document.querySelector（“#step1”），
简介：“这是第一个工具提示。”
},
{
元素：document.querySelectorAll（'#step2'）[0]，
简介：“您也可以包含HTML”，
位置：'右'
},
{
元素：'.nicediv'，
简介：“更多功能，更有趣。”
},
{
元素：'#步骤4'，
简介：“另一步。”，
位置：'底部'
},
{
元素：'#步骤5'，
简介：“获取它，使用它。”
},
{
元素：“#tollesP”，
简介：“滚动当然也可以。”
}
],
showstepNumber:false，
showBullets:false，
ExitonOverlyClick：对，
是的，
下一个标签：“下一个！”，
prevLabel:“上一个”，
skipLabel:“退出”，
doneLabel：“谢谢”，
showProgress：没错，
显示按钮：正确
};

有一种方法可以发布一些代码？添加一些代码，如果有帮助的话……为什么不使用两个函数呢？有

callMe1（）

按钮提供完整的浏览，还有

callMe2（）

按钮关闭。然后每个按钮调用一个不同的函数，该函数的行为符合您的要求。有一种方法可以发布一些代码？添加一些代码，如果有帮助的话……为什么不使用两个函数呢？有

callMe1（）

按钮提供完整的浏览，还有

callMe2（）

按钮关闭。然后，每个按钮调用一个不同的函数，该函数的行为符合您的要求。