Применить css к тегу привязки

Question

Применить css к тегу привязки

0

Я хочу выделить (в течение нескольких секунд) тег привязки, который помещается в тег li при успешном выполнении запроса Ajax. Как я могу добиться этого через JQuery.

это якорный тег, который используется в моем коде:

<li class="active">
  <a id="firstTab" data-toggle="tab" href="#adviceContent">
    <i class="icon-large icon-info-sign " ></i>
  </a>
</li>

Abs 14 дек. 2013, в 20:00

Источник

0

Выделите каким образом? Фоновый цвет?
AlliterativeAlice 14 дек. 2013, в 18:44
0

Да, немного фона.
Abs 14 дек. 2013, в 18:46
0

что вы уже сделали, покажите обходной путь
Prasanth K C 14 дек. 2013, в 18:50
0

Я пробовал это: $ ('. HighlightSelected'). Css ('background', 'yellow'). FadeOut (1000) .fadeIn (2000);
Abs 14 дек. 2013, в 18:51

Показать ещё 2 комментария

Теги:

jquery

2 ответа

2

Вызовите jQuery-UI из Google или jQuery CDN.

И попробуйте это на своем успехе Ajax:

var color = $("#firstTab").css("background-color");
var highlightColor = '#bebebe';

$("#firstTab").animate({backgroundColor:highlightColor},500,function(){
   $(this).delay(1000).animate({backgroundColor:color},500);
});

Вы можете проверить этот код Fiddle

Amit Soni 14 дек. 2013, в 17:47

0

Этот ответ также идеально подходит.
Abs 14 дек. 2013, в 19:05

Ещё вопросы

Выделите каким образом? Фоновый цвет?
что вы уже сделали, покажите обходной путь
Я пробовал это: $ ('. HighlightSelected'). Css ('background', 'yellow'). FadeOut (1000) .fadeIn (2000);
Этот ответ также идеально подходит.

AlliterativeAlice · Accepted Answer · 2013-12-14T16-58-00.000Z

В вашей функции успеха ajax:

jQuery('#firstTab').css('background-color','#ccc');
setTimeout(function () {
    jQuery('#firstTab').css('background-color','transparent');
},2000);

Если вы хотите, чтобы изменение цвета было анимированным, проверьте jQuery UI Color Animation