Кнопка запуска начальной загрузки

Question

Я использую bootstrap на своем сайте и объясняю свой сайт, я бы хотел использовать bootstrap tour. Я реализую это на своей тестовой странице и прекрасно работаю. Но начало тура при загрузке страницы, и я хочу начать тур, нажав кнопку. Я следую этому article, чтобы реализовать мой ботстрап-тур.

Это Javascript бутстраповского тур демо:

(function(){ 

    var tour = new Tour({ 
     storage : false 
    }); 

    tour.addSteps([ 
     { 
     element: ".tour-step.tour-step-one", 
     placement: "bottom", 
     title: "Welcome to our landing page!", 
     content: "This tour will guide you through some of the features we'd like to point out." 
     }, 
     { 
     element: ".tour-step.tour-step-two", 
     placement: "bottom", 
     title: "Main navigation", 
     content: "Here are the sections of this page, easily laid out." 
     }, 
     { 
     element: ".tour-step.tour-step-three", 
     placement: "top", 
     backdrop: true, 
     title: "Main section", 
     content: "This is a section that you can read. It has valuable information." 
     }, 

    ]); 

    // Initialize the tour 
    tour.init(); 

    // Start the tour 
    tour.start(); 

}()); 

и это раздел HTML:

<div class="content-section-a tour-step tour-step-one"> One <br> 

<div class="content-section-a tour-step tour-step-two"> Two <br> 

<div class="content-section-a tour-step tour-step-three"> Three <br> 

Как начать свой тур по нажмите кнопку?

Благодаря

Answer 1

Просто позвоните tour.start(); при нажатии на кнопку, а не на странице загрузки. Предполагая, что ваш стартер имеет идентификатор start-tour. . Этот фрагмент может быть помещен в (function() { ... })

$("#start-tour").click(function() { 
    tour.start(); 
});