jQuery UI 选项卡取消选择事件或在选择时保存上一个选项卡答案

【问题标题】：jQuery UI Tabs deselect event or save prev tab on selectjQuery UI 选项卡取消选择事件或在选择时保存上一个选项卡
【发布时间】：2012-08-18 18:30:49
【问题描述】：

我喜欢 jQuery UI，并在我的网站上使用它的“标签”作为标准的视觉滑块，但 UI 没有取消选择的事件。

我的意思：

我在标签 .show() 上有一个动画，但我希望有 deselect（但在 jQuery UI Tabs 事件上没有 deselect 事件）事件动画选项卡自动旋转或通过选择另一个选项卡 - 当前选项卡必须执行取消选择动画，然后显示（带有动画）选定的选项卡。也许有人知道这个问题？之前谢谢！

【问题讨论】：

标签： javascript jquery jquery-ui tabs jquery-ui-tabs

【解决方案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");
  });
});

【讨论】：

谢谢！但问题是关于 UI 选项卡在选项卡管理菜单上有自己的点击事件，并且无论如何都要这样做

【解决方案2】：

您是否尝试过使用fx 选项？

特别是$("#tabs").tabs("option", "fx", {opacity:'toggle'} ) 或者当你初始化它时$("#tabs").tabs({ fx: {opacity:'toggle'} })

【讨论】：