Question

如何在同一个活动中管理“jQuery ui tabs fx：toggle option”和“activate：function（）”？

如果你在相同的点击事件中放置jQuery fx：toggle fade选项并激活：function，它们就会停止工作。请告诉我如何在同一个点击事件中使用它们。

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

用于ui activate事件的事件句柄。

来自Google ajax hosted library的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/

如何在同一个事件中管理jQuery ui tabs fx：toggle选项并激活：function（）？

1 个答案: