文章/答案/技术大牛

发布

社区首页 >问答首页 >使用Jquery添加用于抽搐状态的动画CSS类

问使用Jquery添加用于抽搐状态的动画CSS类
EN

Stack Overflow用户

提问于 2015-07-22 18:54:03

回答 1查看 530关注 0票数 2

我试图根据我的抽搐状态是否处于活动状态，在元素上添加css样式。有点像灯塔。我似乎无法将css样式添加到对象中。如果我将动画样式属性直接添加到html中，它确实可以工作，但它需要基于抽搐状态的if语句进行包装。这是我的标题中的脚本代码。

<script type='text/javascript'>
$(document).ready(function() {
// Check GRG's twitch status - uses css keyframes to pulse colors if live 
    $.getJSON('https://api.twitch.tv/kraken/streams/grimreapergamers', function(channel) {
        if (channel['stream'] === null) { 
            $('fa fa-twitch').css('animation','twitchpulse 4s infinite');
        } else {
            $('fa fa-twitch').css("style","animation:twitchpulse 4s infinite");
        }
    });
}}
</script>
</head>

下面是我要修改的css类的HTML行。

<a class="dow-menu" href="http://www.twitch.tv/grimreapergamers" target="_blank" data-toggle="tooltip" data-original-title="Twitch">
    <i class="fa fa-twitch"></i>
</a>

我还有JSFIDDLE中的代码。https://jsfiddle.net/LYv3R/407/

html

css

twitch

jquery

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-07-22 18:55:09

您的选择器应该有标识类元素的.。不提供点，将搜索fa和fa-twitch标记名。

$('fa fa-twitch')

应该是

$('.fa.fa-twitch')

因为两个类都在同一个选择器上。你的写作方式会试图找到一个有fa-twitch类的孩子

还要确保代码在dom ready中。

检查Fiddle

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/31571657

复制

相似问题

问使用Jquery添加用于抽搐状态的动画CSS类
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用Jquery添加用于抽搐状态的动画CSS类EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用Jquery添加用于抽搐状态的动画CSS类
EN