Tab
[VIEW]
[CODE]
<![CDATA[
<div class="tab_wrap num03 ui_tab" data-selected-index="1">
<!-- 탭3개일때 -->
<ul>
<li class="ui_tab_nav"><a href="#tab01"><span class="hide"></span>탭제목01</a></li>
<li class="ui_tab_nav"><a href="#tab02"><span class="hide"></span>탭제목02</a></li>
<!-- 선택된 탭일때 on-->
<li class="ui_tab_nav"><a href="#tab03"><span class="hide"></span>탭제목03</a></li>
</ul>
<div id="tab01" class="tab_cont ui_tab_panel" style="display:none;">
컨텐츠 01
</div>
<div id="tab02" class="tab_cont ui_tab_panel" style="display:none;">
컨텐츠 02
</div>
<div id="tab03" class="tab_cont ui_tab_panel" style="display:none;">
컨텐츠 03
</div>
</div>
]]>
<![CDATA[
<script type='text/javascript'>
$(function () {
vcui.require(['ui/tab'], function () {
$('.ui_tab').on('tabchange', function (e, data) {
//$('#result').html((data.selectedIndex + 1) + '번째 탭이 선택되었습니다.');
}).vcTab();
});
});
</script>
]]>