2014-03-05 173 views
-1

我有一点用JavaScript编写的改变,当条件满足的CSS类代码...绷类当条件满足

的问题,这(和JavaScript的许多其他位为我的网站)是我需要开始在JQuery中编写它们。

我将不得不重新写这个的原因是因为Internet Explorer被忽略classList.add & classList.remove

我开始jQuery的阅读了,但在那之前就你一个好心人能够转换以下代码到JQuery。

我不会告诉你多远我有,因为它是一个烂摊子:)

JavaScript代码:

var animate = document.getElementsByClassName('nowPlayNoAnimate'); 

for (var i = 0; i < animate.length; i++) { 
    if (animate[i].parentNode.offsetWidth < animate[i].offsetWidth) { 
     animate[i].classList.add("nowPlayAnimate");     
     } 
    else animate[i].classList.remove("nowPlayAnimate"); 
    } 

谢谢您的时间!

+0

嗨,它们是不同的 “nowPlayNoAnimate” 和 “nowPlayAnimate” – Justin

+1

如果你不支持IE6/7,你可以填充工具'.classList'。如果你支持IE8,我假设你已经在'.getElementsByClassName()'中进行了修补。 –

回答

2

toggleClass有开关能做到这一点:

$('.nowPlayNoAnimate').each(function() { 
    $(this).toggleClass('nowPlayAnimate', $(this).parent().width() < $(this).width()); 
}); 
+0

谢谢!这工作完美 – Justin