Starten der Bootstrap-Tour mit einem Button nach dem Ende der Tour

Question

Ich habe eine einfache Webseite mit Inhalt und Bootstrap-Tour durch meine Webseite zu führen.

Ich mag die Tour mit einem Knopf mit folgendem HTML-Code auslösen:

<button id="initiate_tour" type="button" class="btn btn-danger">Initiate Tour</button> 

Die JS die Tour für die Einleitung ist wie folgt:

// Instance the tour 
var tour = new Tour({ 
    backdrop: false, 
    storage: false   
}); 

tour.addSteps([ 
    { 
     element: "#1", 
     title: "title1", 
     content: "content1" 
    }, 
    { 
     element: "#2", 
     title: "title2", 
     content: "content2" 
    }, 
    { 
     element: "#3", 
     title: "title3", 
     content: "content3" 
    }, 
    { 
     element: "#4", 
     title: "title4", 
     content: "content4" 
    } 

    ]); 

$("#initiate_tour").click(function(){ 
    // Start the tour 
    tour.start(); 

}); 

Ich bin in der Lage, die Tour zu starten wenn ich auf den Knopf klicke Initiiere Tour. Wenn ich auf Ende Tour Schaltfläche klicke, schließt sich die Tour. Aber wenn ich wieder auf die Taste Initiiere Tour klicke, startet die Tour nicht.

Ich habe folgende Posts referenziert, aber nichts hat funktioniert: post1 und post2.

Bitte helfen Sie mir diese Lösung aus wie neu sind mit Hilfe von Javascript und Bootstrap-Tour

Answer 1

Nun ist die Tour wie erwartet funktioniert. Ich habe debug als true in Bootstrap-Tour-Einstellungen aktiviert, um das Einloggen in die Konsole des Browsers zu sehen. Ich habe einen Fehler, der besagt "Tour beendet, Init verhindert".

hat folgende Änderung im Code:

$("#initiate_tour").click(function(){ 
    tour.init(); 
    tour.restart(); 
}); 

Haben Sie die Lösung aus folgendem Link: problem solution

Answer 2

Sie die Tour der restart() Funktion neu starten können.

http://jsfiddle.net/tejashsoni111/6hh8z5qc/1/

$("#initiate_tour").click(function(){ 
    // Start the tour 
    if(!tour.start()){ 
     tour.restart(); 
    } 
});