宽度动画不从0开始

Question

我已经创建了一个div，并将其宽度设置为0，当页面使用document.ready加载时，我将其宽度设置为87％。问题是宽度不是从0开始，而是从100％开始，然后达到87％。有没有什么办法让它走向另一个方向。我已经使用像素尝试，改变它的位置相对于绝对的，也摇摆的动画，但似乎没有任何work.Thanks提前

这是代码

HTML

<div class="rsch"><div class="teacherSlider"></div><div class="teacherContent"></div></div> 

CSS

.rsch{ 
width:0;//850px 
height:70px; 
position:relative; 
margin-top:9%; 
margin-left:2%; 
border:1px solid black; 
overflow:hidden; 
} 
.teacherSlider{ 
width:17.5%;//17.5 
height:100%; 
position:absolute; 
display:block; 
background-color: #ff0700; 
z-index:2; 
} 
.teacherContent{ 
width:82.5%; 
height:100%; 
left:17.5%; 
position:relative; 
background-color:blue; 
z-index:1; 
} 

jQuery的

$(function() { 
     $('.rsch').animate({ 
      width:"87%" 
     }, 1000,'linear'); 
    }); 

Answer 1

这是因为CSS文件在JavaScript文件后加载。