jquery ui 选项卡事件

我试图在加载选项卡时调用一个函数，但似乎该事件从未触发，我无法弄清楚我做错了什么。

    <div id="tabs" style="padding-top:0px;margin-top:0px"> 
    <ul> 
    <li><a href="#tabs-scripting">Scripting</a></li> 
    <li><a href="#tabs-scripting-history">Scripting History</a></li> 
    <li><a href="#tabs-equipment">Equipment List</a></li> 
    <li><a href="#tabs-syslogs">Syslogs</a></li> 
    <li><a href="#tabs-visio">Visio</a></li> 
    <li><a href="#tabs-misc">Misc</a></li> 
    </ul> 
 
    <div id="tabs-visio"> 
    <img id="visio_topology" src="/Scripting/customer/7229_topology.png"> 
    <!-- Visio Tab div end --> 
    </div> 

JS:

  $('#tabs').tabs({ 
     select: function(event, ui) { 
        window.location.hash = ui.tab.hash; 
     } 
  }); 
 
  $("#tabs-visio").tabs().bind("tabsload", function(event, ui) { 
     console.log('hello world'); 
  }); 

使用 Firebug 我从来没有看到“hello world”。我是 jquery 的新手，我知道我必须在这里错过一些简单的东西，我只是不知道是什么。

请您参考如下方法:

尝试在绑定(bind)到 tabsload 事件处理程序后初始化 tabs。试试这个

 $("#tabs-visio").bind("tabsload", function(event, ui) { 
     console.log('hello world'); 
  }).tabs();