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文档.