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

jQuery UI Tabs deselect event or save prev tab on select

本文关键字：选项 选择 保存 上一个 取消 jQuery 事件 UI      更新时间：2023-09-26

我喜欢jQuery UI，并在我的网站上将其"选项卡"用于视觉滑块作为标准，但UI没有取消选择的事件。

我的意思是：

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

此逻辑可能发生在选择事件中。我在这里的示例将假设您将选项卡链接到 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");
  });
});

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

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

相关文章：