easy ui tab 点击事件

Question

以下是代码：  <div id="tt" class="easyui-tabs">
                   <div id="divNotDo" name="divNotDo"  title="未受理">
                <iframe id="iframe1" name="iframe1"  src="ProgramList.aspx?SrcStatus=1" height="600" frameborder="no" border="0" marginwidth="0"
                    marginheight="0" scrolling="no" allowtransparency="yes" width="100%"></iframe>
            </div>
            <div id="divWaitDo" name="divWaitDo" title="待播出">
                <iframe id="iframe2" name="iframe2" src="ProgramList.aspx?SrcStatus=2" height="600" frameborder="no" border="0" marginwidth="0"
                    marginheight="0" scrolling="no" allowtransparency="yes" width="100%"></iframe>
            </div>
            <div id="divDo" name="divDo" title="已播出">
                <iframe id="iframe5" name="iframe5" src="ProgramList.aspx?SrcStatus=5" height="600" frameborder="no" border="0" marginwidth="0"
                    marginheight="0" scrolling="no" allowtransparency="yes" width="100%"></iframe>
            </div>
                 </div>以上为jqueryd的easyui tab框架，如何实现点击未受理，待播出，已播出的事件呢？
好像easyui的tab有一个select事件 如何实现当点击选项卡时触发该事件呢？拜托了，谢谢大家。。

Answer 1

onSelect的事件中有参数title，可以告诉你选择了那个面板。

Answer 2

   var tab = $('#tt').tabs('getSelected');
   alert('Selected: '+tab.panel('options').title);   if( '未受理' == tab.panel('options').title){
      ...
   }
   
  官方 demo 上有现成 的 ~~~