我有一個簡單的jQuery製作的動畫,但由於某種原因在IE8和以前的版本中不起作用。這裏是我的代碼:jquery不能在IE中工作
$(document).ready(function(){
$('.circle.pink').animate({display: 'block'}, 800, function(){
$(this).animate({right: 446}, 1200, 'easeOutExpo')
});
$('.circle.green').animate({display: 'block'}, 2000, function(){
$(this).animate({right: 20}, 800)
});
$('.circle.blue').animate({display: 'block'}, 2800).animate({right: -100}, 800, function(){
$(this).css('z-index', '4')
}).animate({right: 0}, 1000, 'easeOutExpo');
});
這裏的HTML:
<div class="circles-wrap">
<div class="circle green"></div>
<div class="circle pink">
<article class="intro">
<span class="logo left"></span>
<p>Lorem ipsum....</p>
</article>
</div>
<div class="circle blue"></div>
</div>
和CSS:
.circle{
width:514px;
height:514px;
display: block;
}
.circle.pink{ background:url('../images/c-pink.png'); position:absolute; right:0; z-index: 3;}
.circle.blue{ background:url('../images/c-blue.png'); position:absolute; right:0; z-index: 2;}
.circle.green{ background:url('../images/c-green.png'); position:absolute; right:0; z-index: 1;}
任何想法,爲什麼它不工作?逗號似乎是在正確的地方。
由於提前,
莫羅
你能提供與此相符的html嗎? – anothershrubery 2011-05-05 10:32:51