jquery-ui - JQuery UI 选项卡激活事件未触发

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 .