jquery - 如何管理 jQuery ui 选项卡 fx : toggle option and activate: function () at the same event?

Question

如何在同一事件中管理“jQuery ui tabs fx:toggle option”和“activate:function ()”？

如果您将 jQuery fx: 切换淡入淡出选项和激活: 函数放在同一单击事件中，它们将停止工作。请告诉我如何在同一点击事件中使用它们。

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

用于ui激活事件的事件句柄。

jQuery 和 UI 版本来自 Google ajax hosted library 1.10.2 和 1.10.3 已缩小。

Answer 1

这个方法你试过吗？

$(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");
         }
     });
 });

演示:http://jsfiddle.net/HgyBM/1/