在tour 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);  
     } 
    }, 
    ... 

它對我來說工作正常。