jquery - 显示回调未触发 jquery ui 选项卡

Question

我正在关注这些示例：http: //jsfiddle.net/Shef/k6TEZ/，其中使用了callback show(). 我callback也在执行这个，但它似乎不起作用。这是我的html和jquery

HTML

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">Nunc tincidunt</a></li>
        <li><a href="#tabs-2">Proin dolor</a></li>
        <li><a href="#tabs-3">Aenean lacinia</a></li>
      </ul>
      <div id="tabs-1">
        <p>Proin elit arcu,mpus lectus.</p>
      </div>
      <div id="tabs-2">
        <p>Morbi tincidunt, d</p>
      </div>
      <div id="tabs-3">
        <p>Mauris eleife.</p>

      </div>
    </div>

jQuery

 $("#tabs").tabs({
    show: function(event,ui){
        console.log("shown"+ui.index);
    }   
 });

$( "#tabs" ).find( ".ui-tabs-nav" ).sortable({
    axis: "x"
});

//tabsactivate
//tabsshow
 $('#tabs').on('tabsactivate', function(event, ui) {
    $(ui.newTab).data('index',ui.newTab.index());     
    console.log($(ui.newTab).data('index'),ui.newTab.index());
});

有人可以帮我理解为什么show()不开火吗？

使用jquery ui 1.10 它不起作用。使用 1.9.2 它可以工作。

Answer 1

根据jQuery UI 1.9 更新日志：

已弃用：显示事件；重命名为激活。

并根据jQuery UI 1.10 更新日志：

删除：显示事件。

看起来您应该使用activate或beforeActivate。