如何管理jQuery ui选项卡fx：切换选项并在同一事件中激活：function（）？

Question

如何在同一事件中管理“jQuery ui选项卡fx：切换选项”和“activate：function（）”？

如果您将jQuery fx：切换淡入淡出选项并在相同的单击事件中激活：function，它们将停止工作。请告诉我如何在相同的点击事件中使用它们。

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

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

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/