JQuery UI Tabs激活事件未触发

Question

var activeTab = $('#tabs ul li[name=<%= this.activeTab %>]');
var activeTabIndex = activeTab.length > 0 ? activeTab.index() : 0;
$("#tabs").tabs({
  selected: activeTabIndex,
  create: function (e, ui) {
    alert('create!');
    console.log("create!");
  },
  activate: function (e, ui) {
    alert('here!');
    console.log("test");
  }
});

activeTab变量用于在POST后激活相同的选项卡（它可以工作）。 create事件按预期触发。但是激活事件不是，我不明白为什么。我显然错过了一些东西。

我正在使用以下文档：

http://api.jqueryui.com/tabs/

标签div的小骨架。

<div id="tabs">
  <ul>
  <li name="Admin"><a href="#admin-tab">Admin</a></li>
  </ul>
</div>

Answer 1

确定您正在使用的jQuery UI版本。由于您使用的是1.8，因此必须使用show。请参阅jQuery UI 1.8 docs。