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을 실행하게 한다든지…
});
});