关闭bootstrap之旅而不是结束

时间:2017-09-04 09:52:52

标签: bootstrap-tour

我有一个自助游,当我点击'跳过'时,我想要关闭弹出窗口但不结束巡视,当我点击访问按钮时我想继续关闭之前的最后一步,我是怎么做到的? / p>

按钮:

<button class='btn btn-default' data-role='end'>${skip}</button>

代码:

define(function () {
    var tourElement = function getTourElement(tour){
        return tour._options.steps[tour._current].element
    };

    var getConfig = function (tourSteps) {
        return {
            name: "virtual-visit",
            container: "body",
            keyboard: true,
            storage: window.localStorage,
            debug: true,
            backdrop: true,
            backdropContainer: "body",
            backdropPadding: 0,
            orphan: true,
            duration: false,
            steps: tourSteps
            onShown: function(tour) {
                var stepElement = tourElement(tour);
                $(stepElement).after($('.tour-step-background'));
                $(stepElement).after($('.tour-backdrop'));
            },
            onStart: function(tour) {
                $('body').addClass('on-tour');
            },
            onEnd: function(tour){
            }
        };
    };

    var run = function (tourSteps) {
        if ( $(window).width() > 1024 ) {
            tour = new Tour( getConfig( tourSteps ) );
            tour.restart();
            tour.init();
            tour.start();
        }
    };

    return {
        run: run,
        getConfig: getConfig
    };
});

感谢。

1 个答案:

答案 0 :(得分:0)

只需使用:

tour.end()

停止&#34;巡演&#34;

然后使用:

tour.start(true)

强制它启动,它将在停止的步骤自动恢复