跳过tour linkedin hopscotch中的步骤

Question

我正在使用linkedin跳房子在Angular应用程序中创建一个游览，在这个应用程序中，根据我需要跳过游览到特定步骤的一些条件。

所以我有这样的事情：

hopscotch.registerHelper("skipToStep", function(stepIdx) {
 console.log(hopscotch.getCurrStepNum());
 console.log(hopscotch.getState());
 hopscotch.showStep(stepIdx);
 console.log(hopscotch.getCurrStepNum());
 console.log(hopscotch.getState());
});

然后我将回调放在游览中的步骤

中

steps[1].onNext = ["skipToStep", 5]

当我在步骤1中单击下一步时控制台的输出是：

2
graphTour:1

5 
graphTour:5

但是出现的步骤是步骤[2]，有谁知道如何跳到特定步骤的正确方法???

Answer 1

您是否在没有注册助手的情况下尝试过？

我会直接在onNext回调中调用showStep。像这样：

toolsTour = {
  id: "graphTour", 
  steps: [
    {   title: "Home/Start",
        content: "Some text bla bla.",
        target: "someDiv",
        placement: "right" ,
        onNext: function() {
            hopscotch.showStep(5);      
        }
    },
    ...

它适用于我。