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 changelog：

不推荐使用：展示活动;重命名为激活。

根据jQuery UI 1.10 changelog：

删除：显示活动。

您似乎应该使用activate或beforeActivate。

显示回调不会触发jquery ui标签

1 个答案: