jquery选项卡绑定tabsselect或tabsshow未触发

时间:2013-09-12 16:04:13

标签: jquery jquery-ui event-handling

我的jquery标签有问题。如果我绑定到tabsselect或tabsshow标签的事件,它们不会被触发。

我正在使用最新的jquery-ui 1.10.3并且我的webapp控制台中没有js错误。

代码:

$("#tabs").tabs();

$("#tabs").bind('tabsselect', function(event, ui) {
  alert(ui.index); // This is never displayed
  if (ui.index === 1 && plot1._drawCount === 0) {
    plot1.replot();
  }
  else if (ui.index === 2 && plot2._drawCount === 0) {
    plot2.replot();
  }
});

1 个答案:

答案 0 :(得分:10)

活动为activate

$("#tabs").on('tabsactivate', function(event, ui) {
  var index = ui.newTab.index();
  alert(index); // This is never displayed
  if (ui.index === 1 && plot1._drawCount === 0) {
    plot1.replot();
  }
  else if (ui.index === 2 && plot2._drawCount === 0) {
    plot2.replot();
  }
});

演示:Fiddle