jquery ui 选项卡事件

Question

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

    <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 的新手，我知道我必须在这里错过一些简单的东西，我只是不知道是什么。

Answer 1

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

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