Come gestire le schede ui jQuery fx: attiva / disattiva l'opzione: function () nello stesso evento? - jquery, jquery-ui, jquery-ui-tabs

Come gestire "jQuery ui tabs fx: toggle option" e "activate: function ()" nello stesso evento?

Se metti jQuery fx: attiva / disattiva l'opzione dissolvenza e attiva: funzione allo stesso evento click, smettono di funzionare. Per favore dimmi come usarli allo stesso evento click.

$(function() {
$("#tabs").tabs( {fx: toggle {opacity ..... } });
// and
$("#tabs").tabs({ activate: function () { .... } });
// together
});

per l'event handle di ui activate event.

Versioni jQuery e UI da Libreria ospitata su Google Ajax sono 1.10.2 e 1.10.3 minificati.

risposte:

Hai provato in questo modo?

$(function () {
$("#tabs").tabs({
show: {
effect: "fadeIn",
duration: 500,
delay: 500
},
hide: {
effect: "fadeOut",
duration: 500,
delay: 500
},
activate: function (event, ui) {
// Just for demonstrating
$(ui.newPanel).css("color", "red");
}
});
});

demo: http://jsfiddle.net/HgyBM/1/