Question

我试图制作一种加载条，我已经做了但是它不起作用......谁可以帮助我？

<div id="loader" style="height: 2px; width: 0px; background: green;">
Test
</div>
<script>
$('#loader').animate({width:'100px'}, 15000);
</script>

谢谢！

编辑：这个人正在工作

<div id="loader" style="height: 2px; width: 0px; background: green;">
</div>
<script>
$(document).ready(function(){
    function loader(){$('#loader').animate({width:'0px'}, 1).animate({width:'468px'}, 15000, function() {loader()});}
    loader();
});

</script>

感谢Pahnin

Answer 1

http://jsfiddle.net/pahnin/d7hWD/1/

加载文档后启动动画

$(document).ready(function(){
$('#loader').animate({width:'100px'}, 15000);
});

编辑：

 $(document).ready(function() {
     // jQuery
 });

上面的函数用于在加载所有dom元素之后运行你的jQuery代码，这包括像jQuery这样的库。

Answer 2

它对我有用：

http://jsfiddle.net/SJVtr/

你确定你正在加载包括jQuery吗？：

Answer 3

你的意思是：

function startLoad(){
  $('#loader').animate({width:'100px'}, 15000);
  setTimeout(function(){
    $('#loader').css({'width':'0'});
    startLoad();
  }, 15000);
}
$(document).ready(startLoad);

每隔15秒使一个酒吧充满

3 个答案: