jQuery UI選項卡取消選擇事件或在選擇時保存上一個選項卡

Question

我喜歡jQuery UI，並在我的網站上使用它的“標簽”作為標准滑塊來顯示視覺滑塊，但是UI沒有取消選擇的事件。

我的意思是：

我在選項卡.show()上有動畫，但是我想在自動旋轉或通過選擇另一個選項卡時在選項卡上具有取消選擇 （但jQuery UI Tabs 事件上沒有取消選擇事件 ）事件動畫-當前選項卡必須取消選擇動畫然后顯示（帶有動畫）選中的標簽。 也許有人知道這個問題？ 之前謝謝！

Answer 1

該邏輯可以在選擇事件中發生。 我在這里的示例將假設您通過id將選項卡鏈接到div，並且當前活動的選項卡上有一個名為“ selected”的類。 根據需要更改代碼。

$(".tabs li").click(function() {
  active_id = $(".tabs li.selected").attr(id);
  $this = $(this);
  $("div.tab-content#"+active_id).fadeOut("slow", function() {
    $this.addClass("selected");
    $("div.tab-content#"+$this.attr("id")).fadeIn("slow");
  });
});

Answer 2

您是否嘗試過使用fx選項？

特別是$("#tabs").tabs("option", "fx", {opacity:'toggle'} )或初始化時， $("#tabs").tabs({ fx: {opacity:'toggle'} })