Wie man jQuery ui Tabs fx: Toggle-Option und aktivieren: function () bei dem gleichen Ereignis? - jquery, jquery-ui, jquery-ui-tabs

Wie verwalte ich "jQuery ui tabs fx: toggle option" und "enable: function ()" bei demselben Ereignis?

Wenn Sie die Option jQuery fx: toggle fade aktivieren und die Funktion: bei demselben Klickereignis aktivieren, funktionieren sie nicht mehr. Bitte sagen Sie mir, wie Sie sie bei demselben Klickereignis verwenden können.

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

für den Event-Handle von ui aktivieren Event.

jQuery- und UI-Versionen von Google Ajax gehostete Bibliothek sind 1.10.2 und 1.10.3 minifiziert.

Antworten:

Hast du es auf diese Weise versucht?

$(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/