首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Bootstrap-tour onNext无法正常工作

Bootstrap-tour onNext无法正常工作
EN

Stack Overflow用户
提问于 2018-05-11 02:32:09
回答 1查看 377关注 0票数 0

谁能告诉我这个插件是如何工作的http://bootstraptour.com/api/?我有一个步骤,我想要重定向到动态url。所以我写了onNext回调,看起来像下面的代码。重定向工作得很好,但在下一个站点上我看到了相同的步骤。不是下一步,而是同样愚蠢的一步。有人能告诉我这段代码出了什么问题吗?我快疯了..。

代码语言:javascript
复制
    { // 18
        orphan: true,
        title: "Zakázky",
        content: "Výborně, Vaše první zakázka je založena. Klikněte na její modrý název pro pokračování.",
        path: basePath + '/commission',
        onNext: function () {
            var commissionId = $('.tour-commission-detail').first().data('id');
            if( ! commissionId )
            {
                alert('Nejdříve musíte založit aspoň jednu zakázku');
                tour.prev();
                return;
            }
            document.location.href = basePath + '/commission/overview/' + commissionId;
            return (new jQuery.Deferred()).promise();
        }
    },
    { // 19
        orphan: true,
        title: "Zakázky",
        content: "Nyní se nacházíte na přehledu zakázky. Vidíte zde všechny základní informace. <br>V dalších krocích doplníme " +
            "na zakázku zaměstnance, materiál a další náklady."
    }
EN

回答 1

Stack Overflow用户

发布于 2018-10-18 08:34:27

问题出在这一行

代码语言:javascript
复制
return (new jQuery.Deferred()).promise();

但是,在重定向之前不打开模式是必要的。

解决问题的

代码语言:javascript
复制
{ // 18
    orphan: true,
    title: "Zakázky",
    content: "Výborně, Vaše první zakázka je založena. Klikněte na její modrý název pro pokračování.",
    path: basePath + '/commission',
    onNext: function () {
        var commissionId = $('.tour-commission-detail').first().data('id');
        if( ! commissionId )
        {
            alert('Nejdříve musíte založit aspoň jednu zakázku');
            tour.prev();
            return;
        }
        document.location.href = basePath + '/commission/overview/' + commissionId;
        return (new jQuery.Deferred()).promise();
    },
    onHidden: function(tour) {
        tour.setCurrentStep(18);
    }
},
{ // 19
},
{ // 20
    orphan: true,
    title: "Zakázky",
    content: "Nyní se nacházíte na přehledu zakázky. Vidíte zde všechny základní informace. <br>V dalších krocích doplníme " +
        "na zakázku zaměstnance, materiál a další náklady."
}

说明

onHidden函数将步骤18标记为当前,防止其重复。但是,这会导致跳过一个步骤(在本例中为步骤19)。

然后,我们将步骤19留空,就像上面的例子一样,因此当按下后退按钮时,会发现步骤19是空的,并跳到步骤18。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50279374

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档