Bootstrap Shown.bs.tab Event Not Working
		 Answer : Bootstrap tab events are based off the .nav-tabs  elements, not the .tab-content  elements.  So in order to tap into the show event, you need the element with an href that is pointed towards #tab1 , not the #tab1  content element itself.   So instead of this:   $('#tab1').on('shown.bs.tab', function (e) {     console.log("tab1"); });   Do this instead:   $('[href=#tab1]').on('shown.bs.tab', function (e) {     console.log("tab1"); });   Or, to capture all of them, just do this:   $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {   console.log(e.target.href); })   Demo in Stack Snippets     $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {   console.log(e.target.href); })  <link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.2/css/bootstrap.css" rel="stylesheet"/> <script src="//cdnjs.cloudflare.com/ajax/li...