Bootstrap data-toggle="tab" change/click not being recognized by JQuery

Question

I have a Bootstrap nav set as nav-pills and trying to capture each time a tab is clicked using JQuery.

I cannot get the JQuery function to recognize each click.

I have a JSFiddle with the code I am using but cannot get the alert or console.log to fire - nothing appears: https://jsfiddle.net/dzeller44/fctxwwy0/

I followed this post: Bootstrap 3 jquery event for active tab change

I appreciate the help.

you can mark the answer as correct if it worked for you so others having the same problem also get benefit — Muhammad Omer Aslam, Jan 10 '18 at 01:25

score 1 · Accepted Answer · answered Jan 04 '18 at 20:41

1

it needs to be <a data-toggle="tab" instead of <a data-toggle="pill" or change the jquery section from $('a[data-toggle="tab"]') to $('a[data-toggle="pill"]') see the working fiddle here.

answered Jan 04 '18 at 20:41

Muhammad Omer Aslam

22,976
9
42
68

Bootstrap data-toggle="tab" change/click not being recognized by JQuery

1 Answers1