Bootstrap-tour with Bootstrap 4 alpha 6 n.popover is not a function

Question

Trying to use bootstrap-tour with bootstrap 4 and am getting the followng error:

TypeError: n.popover is not a function

I am initializing the code like this:

var tour = new Tour({
            steps: [
                {
                    element: "#nextLesson",
                    title: "Title of my step",
                    content: "Content of my step"
                }
            ]
        });
        tour.init();
        tour.start();

Make sure you are using the Bootstrap 4 javascript files. – node_modules Apr 20 '17 at 13:09 — node_modules, Apr 20 '17 at 13:09
Where do I find the bootstrap 4 js files? – Jethro Hazelhurst Apr 20 '17 at 13:14 — Jethro Hazelhurst, Apr 20 '17 at 13:14

score 0 · Accepted Answer · answered Apr 20 '17 at 13:13

0

You have to initialize popover plugin that tour depends on:

$(function () {
    $('[data-toggle="popover"]').popover()
});

answered Apr 20 '17 at 13:13

Serg Chernata

12,280
6
32
50

Unfortunately it looks like bootstrap-tour is not yet compatible with bootstrap 4. – Jethro Hazelhurst Apr 20 '17 at 13:31

Bootstrap-tour with Bootstrap 4 alpha 6 n.popover is not a function

1 Answers1