jquery ui tab 绑定select事件,无反应 ？

Question

<script type="text/javascript">
jQuery(function()
{
jQuery('#tabs').tabs()
{
          select: function(event, ui)   // 初始化时绑定 select tab 事件
          {
            alert("hello" + ui.index);  // 点击tab 的时候，并没有弹出 ..! ??? why 
          }
}
})<div id="tabs" class="tabs">
  <ul>
    <li><a href="#tabs-0">T0</a></li>
    <li><a href="#tabs-1">T1</a></li>
  </ul>
  <div id="tabs-0"></div>
  <div id="tabs-1"></div>
</div>

Answer 1

jQuery(function()
{
    jQuery('#tabs').tabs()
    {
          selected: function(event, ui)   // 初始化时绑定 select tab 事件
          {
            alert("hello" + ui.index);  // 点击tab 的时候，并没有弹出 ..! ??? why 
          }
    }
})这块是不是得用selected?

Answer 2

这个tab的事件是tabsselect 不是select 
$('#tabs').bind('tabsselect',function(event,ui){   alert("hello" + ui.index);  
})

Answer 3

楼主的格式有问题，把它写到tabs()里面 jQuery('#tabs').tabs({
                select: function (event, ui)   // 初始化时绑定 select tab 事件
                {
                    alert("hello" + ui.index);  // 点击tab 的时候，并没有弹出 ..! ??? why 
                }
            })