[php] 부트스트랩 tab widget 클릭 이벤트 발생하기.

기본적으로 보통 부트스트랩을 통해서 tab widget을 사용할 것이다.

그러나 만약 다른 곳과 연동하여 원격으로 위젯을 선택할 경우 이를 컨트롤 해야하는 경우가 있다.

 

동그라미 클릭시 하단의 위젯을 컨트롤 해야하는 경우.

임시로 만들어본 샘플 HTML.

 

하단의 UL 태그가 따로 있을 것이고 동그라미들은 순수 div로 만든 ui이다.

그러면 동그라미 클릭시 어떻게 다른 것을 컨트롤 할 수 있을까?

난 보통 trigger 이벤트나 click()인줄 알았는데, 이게 아니라 tab()명령어로 사용이 가능하다.

$('#changetabbutton').click(function(e){
    // e.preventDefault();
    $('#mytabs a[href="#second"]').tab('show');
})

'e.preventDefault()'의 경우에는 해당 부분에서 a 태그로 연동되어 있다면 넣길 바란다.

 

이렇게 했더니 바로 작동되더라. ㅎㅎ

 

어제 2~3시간동안 못 풀던걸 20분만에 풀었네 ㅎㅎㅎㅎ

 

해당 코드 출처.

https://stackoverflow.com/questions/32339617/change-the-active-bootstrap-tab-on-button-click/32339934#32339934

Change the active bootstrap tab on button click