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

Question

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

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

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

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

来自Google ajax 托管库的jQuery 和 UI 版本已缩小为 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/