Wywołanie funkcji przy zmianie zakładek

0

Używam dynamicznych zakładek Bootstrapa tabs i podczas zmiany zakładki na bs-tab2 chciałbym wywołać funkcję. Mój kod:

$('bs-tab2').on("shown.bs.tab",function(event){
		alert("hello");
	});

<div class="tab-content">
	<div id="tabs-1" class="tab-pane fade active in">
      <div id="chartContainerRaw" style="height: 370px; width: 100%;"></div>
    </div>
	<div id="tabs-2" class="tab-pane">
      <div id="chartContainerFiltered" style="height: 370px; width: 100%;"></div>
    </div>
    </div>
	<br><br>
	<div class="panel panel-default">
  		<div class="panel-body">
  		<ul class="nav nav-pills nav-jt">
  		<li class="active"><a data-toggle="tab" id="bs-tab1" href="#tabs-1">Raw</a></li>
  		<li><a data-toggle="tab" id="bs-tab2" href="#tabs-2">Filtered</a></li>
  		</ul>
  		</div>
	</div>

Problem jest taki, że kod w:

$('bs-tab2').on("shown.bs.tab",function(event){
		alert("hello");
	});

się nie wywołuje.

0

Problem rozwiązany, linkowałem nieodpowiednie skrypty. Te są poprawne:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

1 użytkowników online, w tym zalogowanych: 0, gości: 1