Correct callback function when JQuery UI tab clicked

Question

Anybody has an an IDEA why am I not getting alert-'load called'. When clicked on the tabs in the DEMO .

$(function() {  
var tabControl = $("#tabs");
alert('function called');
tabControl.tabs({ heightStyle: "auto",
    create: function( event, ui ) {
        console.log(ui);
    },             
    beforeLoad: function (event, ui) {

    },
    load: function (event, ui) {

    alert('load called');
    }
});
 });

Thank You!

Answer 1

Maybe you should try this:

activate: function( event, ui ) {
     alert('clicked')
}