Automatic Bootstrap Tabs in SharePoint

Question

I'm trying to implement this solution to a SharePoint public facing site.

The timer seems to be working as I'm getting errors in browser consoles at every interval but nothing is happening:

'TypeError: next.tab is not a function'

Any thoughts?

Answer 1

From comments:

That means jQuery.fn.tab is undefined, which means the jQuery version you are working on does not have Bootstrap tabs appended to it. This could be the result of many things, such as not including the bootstrap script, or order of scripts, or having several versions of jQuery on the same page.

There are several ways to get around this, such as:

• Remove additional versions of jQuery.
• Check that your script is included, and included after jQuery.
• You might be able to use jQuery.noConflict.
• Use requirejs (or browserify).