javascript - 我如何激活第二次兜风之旅

Question

我的兜风之旅有问题，当我完成一次旅行时，我想开始第二次旅行。我尝试做的是在 postRideCallback 中执行第二次旅行，但我最终循环了第一次旅行。有人吗？知道如何解决这个问题吗？

function preview(){
    $('#joyRideTipContent').joyride({
        autoStart : true,
        preStepCallback : function(index, tip) {
            console.log(index);
        },
        postStepCallback : function(index, tip) {
        },
        postRideCallback : function(index, tip) {
            console.log("stop1");
            preview2();
            console.log("stop1.1");
        },
        tipLocation:"left",
        modal : true,
        expose : true
    });
}
function preview2(){
    console.log("stop2.0");
    $('#joyRideTipContent2').joyride({
        preStepCallback : function(index, tip) {
        console.log("stop21.0");
        },
        postStepCallback : function(index, tip) {
        console.log("stop22.0");
        },
        postRideCallback : function(index, tip) {
            console.log("stop23");
            alert("tada")
        },
        tipLocation:"left",
        modal : true,
        expose : true
    });
    console.log("stop2.1");
}

在我的代码中(见上文)预览是我用来启动欢乐之旅的功能，console.log仅用于测试，没有特定含义

Answer 1

我知道这是一个老问题，但我添加了一个检查，调用 Joyride 的 destroy 方法来删​​除之前的教程内容，然后再开始另一个教程内容。

function tutorial1(){
    if($('.joyride-tip-content')) {
        $.fn.joyride('destroy')
    }
    $('#joyRideTutorial1').joyride({
        modal:true,
        autoStart : true,
        expose: true
    });
 }
 function tutorial2(){
    if($('.joyride-tip-content')) {
        $.fn.joyride('destroy')
    }
    $('#joyRideTutorial2').joyride({
        modal:true,
        autoStart : true,
        expose: true
    });
 }

到目前为止似乎运行良好。