Show callback is not firing jquery ui tabs

Question

I was following these example : http://jsfiddle.net/Shef/k6TEZ/ , in which is used the callback show(). I am executing this callback too , but it seems to not work. here it is my html and 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());
});

Can someone help me to undestand why show() is not firing?

with jquery ui 1.10 it is not working. With 1.9.2 it works.

According to the [changelog](http://jqueryui.com/changelog/1.10.0/), the show event is removed from tabs widget in 1.10 — rusln, Jul 09 '13 at 13:30

Travesty3 · Accepted Answer · 2013-07-09T13:36:34.053

11

According to the jQuery UI 1.9 changelog:

Deprecated: show event; renamed to activate.

And according to the jQuery UI 1.10 changelog:

Removed: show event.

Looks like you should use either activate or beforeActivate.

edited Jul 09 '13 at 13:36

answered Jul 09 '13 at 13:29

Travesty3

14,351
6
61
98

they have also changed how you get the index to `ui.newTab.index()` https://stackoverflow.com/a/12973370/74585 – Matthew Lock Jul 05 '22 at 07:32

Show callback is not firing jquery ui tabs

1 Answers1

Linked