jQuery UI选项卡取消选择事件或在选择时保存prev选项卡

时间:2012-08-18 18:30:49

标签: javascript jquery jquery-ui tabs jquery-ui-tabs

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

我的意思是:

我在标签.show()上有动画,但我希望取消选择(但jQuery UI标签事件中没有取消选择事件)事件选项卡上的动画在自动旋转时或通过选择另一个选项卡 - 当前选项卡必须取消选择动画,然后显示(带动画)选定的选项卡。 也许有人知道这个问题? 先谢谢!

2 个答案:

答案 0 :(得分:0)

这种逻辑可以在选择事件中发生。我的例子是假设您将标签链接到div的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");
  });
});

答案 1 :(得分:0)

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

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