1

Linkedin hopscotch を使用して、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]です。特定のステップにスキップする適切な方法を知っている人はいますか???

4

1 に答える 1

1

ヘルパーを登録せずに試しましたか?

onNext コールバックで showStep を直接呼び出します。このようなもの：

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

それは私にとってはうまくいきます。

于 2014-01-24T08:41:57.900 に答える