當我們切換標籤頁時，是否有可能觸發jquery選項卡插件上的事件

Question

我使用jquery選項卡插件，但無法弄清楚當用戶在標籤頁之間切換時如何設置事件。

請幫忙。

Answer 1

您正在尋找activate()活動。

$(".selector").tabs({ 
    activate: function(event, ui) { 
     alert("You changed tabs"); 
     // Or do something more constructive... 
    } 
}); 

Answer 2

activate(event, ui) 

一個選項卡被激活後觸發（動畫完成後）。如果選項卡先前已摺疊，則ui.oldTab和ui.oldPanel將爲空的jQuery對象。如果選項卡崩潰，則ui.newTab和ui.newPanel將爲空的jQuery對象。

$(".selector").tabs({ 
    activate: function(event, ui) {} 
}); 

綁定事件監聽器tabsactivate事件：

$(".selector").on("tabsactivate", function(event, ui) {});