ax5ui-layout의 tabPanel을 사용할 때 이벤트 문의

ax5ui-layout의 tabPanel을 사용할 때 각각의 탭을 클릭할 때 이벤트 처리를 어떻게 하는지 궁금합니다.

< div data-ax5layout=“ax1” data-config="{layout:‘tab-panel’}" style=“height:300px;”>
< div data-tab-panel="{label:‘게시판관리’, active:‘false’}">
< div style=“padding: 10px;”>
게시판관리 화면
< /div>
< /div>
< div data-tab-panel="{label:‘나의 정보’, active:‘true’}" style=“background: #f5f5f0;”>
< div style=“padding: 10px;”>
나의 정보 화면
< /div>
< /div>
< /div>

$(function(){

var layout$ = $('[data-ax5layout="ax1"]');
layout$.ax5layout();

$('[data-ax5layout]').ax5layout({
    onResize: function(){
        toast.push('Resize');
        console.log(this); // check your console
    },

// onResize에 대한 예제는 있는데 위에서 탭을 onclick할 때 특정 자바스크립트 함수를 실행하게 하려면 어떻게 해야 하나요? 예를 들면 특정 url을 실행하게 한다든지…

});

});

여기를 봐주세용.

그리고


여기도 보시면 도움이 되실것 같아요.