Question

好的我的问题是我有JQuery Tabs。每个内容都动态变化。我希望更改的标签更改为亮红色，然后淡入另一种颜色。但焦点改变回原来的颜色。

有一种简单的方法吗？

这是一个功能性样本......请记住每个选项卡面板上都有一个数据表。我有每个面板和标签与唯一ID更好的方式，因为这种方式可以打破。

当你点击第一个按钮时，它会添加标签...第二个按钮是我想要激活彩色标签闪光的地方，好像它是触发它的事件......

请不要偏离标签#ui-id-1

的惯例

这不是我引用标签的方式

Answer 1

我不确定这是你在找什么，但这会突出显示活动标签。

您可以将其添加到.click(...)事件处理程序中（在您的小提示中显示警报之前），看它是否有效。

 $("#search-tabs ul li.ui-state-active").effect( 'highlight', 2000);

如果要突出显示任何选项卡（而不仅仅是活动选项卡），您可以使用此选择器（根据需要替换回调上的ui-id-1）

$("#search-tabs ul li[aria-labelledby='ui-id-1'").effect( 'highlight', 2000);

要将颜色更改为“黄色”以外的其他颜色，您可以像这样调用效果

$(...).effect( 'highlight', {color: '#aa0000'}, 2000);

根据评论更新如下

如果需要，可以在“激活”选项（创建时间）之后立即添加突出显示效果，如下所示：

"activate": function(event, ui) {
            $(ui.newTab[0]).effect( 'highlight', {color: 'yellow', }, 1000);

再次更新

如果您不想简单地“突出显示”标签但永久更改标签的颜色，请改用.animate(...)

$(<selector>).animate({
      backgroundColor: "#aa0000",
      color: "#fff" }, 1000 );

然后，要恢复原始颜色（活动或clicked开启时），您可以：

$(<selector>).animate({
          backgroundColor: "#fff",
          color: "#aa0000" }, 1000 );