Jquery製表符Flash顏色和淡出到另一種顏色

好吧，我的問題是，我有JQuery選項卡。並且每個內容都動態變化。我希望那些改變爲鮮紅色後變爲另一種顏色的選項卡。但在焦點改變回原來的顏色。Jquery製表符Flash顏色和淡出到另一種顏色

有沒有簡單的方法來做到這一點？

這是一個功能樣本...請記住每個選項卡面板上都會有一個數據表。我有每個面板和標籤獨特的ID是一種更好的方式，那樣因爲這種方式可以被打破。

當你點擊第一個按鈕，將添加標籤...第二個按鈕是我想要激活的彩色標籤閃光燈，如果它是觸發它的事件......

請不要熄滅標籤ID的公約#ui-id-1

這不是我如何引用標籤

http://jsfiddle.net/alfredmey/8ny27Ljf/2/

來源

2015-04-02 Big Al Ruby Newbie

您是否使用Ajax加載？你能提供你到目前爲止的代碼嗎？如果我有更多信息，我可以爲你寫點東西 – PHPNorton 2015-04-02 16:01:34

在JSFiddle中添加了一個示例 – 2015-04-02 20:10:20

@BigAlRubyNewbie在你的問題中添加一些代碼是一個好習慣。請閱讀我們的幫助部分，瞭解如何創建MCVE （http：// stackoverflow。com/help/mcve）並將其添加到您的問題。您將以這種方式從社區獲得更快，更好的幫助。 – ochi 2015-04-02 20:12:05

我不知道這是你在找什麼，但是這將突出交流tive選項卡。

您可以將它添加到您的.click(...)事件處理程序（在警報顯示在小提琴之前）以查看它的工作。

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

如果你想突出顯示任何選項卡（不只是處於活動狀態），您可以改用此選擇

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

（上需要回調更換ui-id-1）要改變顏色以外的東西不是「黃」，你可以這樣調用

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

更新下面淺的效果在評論版

如果你願意，你可以通過「活動」選項（創建時間）之後加入像這樣加上標籤激活突出顯示效果：

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

見updated fiddle

一個更多更新

如果你不想只是「亮點」的標籤，但永久地改變它的顏色，使用.animate(...)，而不是

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

接着，恢復到原來的顏色（上活動時或clicked），你可以：

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

來源

2015-04-02 20:37:59 ochi

這些標籤是動態的。並不知道什麼ui-id-＃因爲可能會有10 - 15個標籤打開...並且他們每個人都有不同的表格 – 2015-04-02 21:01:44

有沒有辦法獲得父Id（標籤ID），如果我從表中去編號並出去 – 2015-04-02 21:02:40

什麼時候你觸發效果？在回調函數？ – ochi 2015-04-02 21:20:12

Jquery製表符Flash顏色和淡出到另一種顏色

回答

相關問題