Capturing 'shown' event from bootstrap tab

Question

I have some \'static\' HTML on my page:

    

        @* 
 nodes will b         


        
      

Answer 1

    special tab content


            $( 'a[data-toggle="tab"]' ).on( 'shown.bs.tab', function( evt ) {

                var anchor = $( evt.target ).attr( 'href' );
                alert("TAB SHOWN = "+anchor);

                // take action based on what tab was shown
               if(anchor === "some_special_tab_anchor"){
                  // do my special thing :)
               }

            });