부트스트랩 기반일때 tab 사용법

부트스트랩 기반일때 teb 사용법 [jsp파일]

	
소음
	
초음파
	
온도
	
습도
	
먼지
	
진동
	
동작감지
	
VOC

[js 파일]

$('a[href="#noise"]').on('shown.bs.tab', function (e) {
	alert('소음 탭버튼 눌림');
});

이벤트

이벤트 유형	설명
show.bs.tab	이 이벤트는 탭이 보여지기 전에 실행됩니다. 활성화탭과 이전탭(있었다면)을 event.target and event.relatedTarget 으로 각각 사용하세요.
shown.bs.tab	이 이벤트는 탭이 보여지고 난 후 실행됩니다. 활성화탭과 이전탭(있었다면)을 event.target and event.relatedTarget 으로 각각 사용하세요
hide.bs.tab	이 이벤트는 새로운탭이 보여졌을때 발생합니다 (그리고 이전 활성화된 탭이 숨겨졌을때). 현재 활성화 탭과 새롭게 활성화될 탭을 지정하기 위해 각각 event.target 과 event.relatedTarget 을 사용하세요.
hidden.bs.tab	이 이벤트는 탭이 보여진 다음에 발생합니다 (그리고 이전 활성화된 탭이 숨겨졌을때). 현재 활성화 탭과 새롭게 활성화될 탭을 지정하기 위해 각각 event.target 과 event.relatedTarget 을 사용하세요.

$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
  e.target // newly activated tab
  e.relatedTarget // previous active tab
})