Как заставить перенаправление страницы работать при следующем нажатии кнопки в туре начальной загрузки - PullRequest
Новая
       25

Как заставить перенаправление страницы работать при следующем нажатии кнопки в туре начальной загрузки

0 голосов
/ 07 февраля 2019

Когда любой пользователь попадает на страницу, он должен увидеть первый шаг, как написано ниже, и, нажав на кнопку «Далее», он должен перенаправить на следующую страницу, куда я хочу отправить пользователя, но это не так.

Здесь, когда я пытался сделать многошаговый, т.е. при посадке, показывать пользователю некоторые данные, а на следующем шаге я перенаправляю страницу, тогда она работает абсолютно нормально, но только для одного шага, она не работает.

Яиспользуя последнюю версию файлов начальной загрузки, то есть скачанных с их официального сайта вчера.

См. код ниже: - 

var tour = new Tour({
            steps: [
                /*  {
                    element: "#site-tour-1-1",
                    title: "1",
                },*/ 
                {
                    element: "#site-tour-1-1",
                    title: "Search any business by typing initials",
                    //path: "/index2.html",
                    multipage: true,
                    onNext: function() {
                        window.location = "/index2.html"
                    }
                }     
            ],
            debug: true,
            backdrop: true,
            redirect:false,
            storage: window.localStorage,
            template: " <div class='popover tour'><div class='arrow'></div><h3 class='popover-title'></h3><div class='popover-content'></div><div class='popover-navigation'><button class='btn btn-default' data-role='prev'>« Prev</button>&nbsp;&nbsp;</span><button class='btn btn-default' data-role='next'>Next »</button><button class='btn btn-default end-tour' data-role='end'>End tour</button></div></div>",

        });
        tour.init();
        tour.restart();

1 Ответ

0 голосов
/ 07 февраля 2019

Как сказано в документации по bootstrap-tour, вы можете управлять многостраничным туром, добавив поле 'path' к одному из ваших шагов.(См. Здесь: http://bootstraptour.com/api/#multipage)

В вашем случае вы должны сделать это: 

var tour = new Tour({
        steps: [
            {
                element: "#site-tour-1-1",
                title: "Search any business by typing initials",
            },
            {
                element: "#site-tour-1-2",
                title: "This is my second step";
                path: "/index2.html"
            }
        ],
        debug: true,
        backdrop: true,
        storage: window.localStorage,
        template: " <div class='popover tour'><div class='arrow'></div><h3 class='popover-title'></h3><div class='popover-content'></div><div class='popover-navigation'><button class='btn btn-default' data-role='prev'>« Prev</button>&nbsp;&nbsp;</span><button class='btn btn-default' data-role='next'>Next »</button><button class='btn btn-default end-tour' data-role='end'>End tour</button></div></div>",

    });
    tour.init();
    tour.restart();

Дайте мне знать, если это поможет вам.

...