jquery - 在jQuery中让一个条在屏幕上滚动

Question

基本问题，我是 jQuery 新手，这行不通。

基本上我试图让一个 div (top_bar) 从宽度 0% 开始并加宽到宽度 76%。当我打开页面时，栏不存在（由于初始宽度为 0%）

这是我所拥有的基本想法。我只是不知道将什么作为 animate() 的参数。

$(document).ready(function() {
    $('#top_bar').animate({$('#top_bar').width:"76%"}, 1000);
});

Answer 1

你的语法不正确。animate()的第一个参数接受具有您要设置的样式的对象，而不是选择器：

$(document).ready(function() {
    $('#top_bar').animate({width:"76%"}, 1000);
});

JSFiddle

Answer 2

您的语法稍有偏差，您无需选择 top_bar 两次尝试

$(document).ready(function() {
    $('#top_bar').animate({width:"76%"}, 1000);
});

检查http://api.jquery.com/animate/了解更多信息，您首先选择您的选择器，然后解析它并关闭选项。页面下方有加载示例。

有关工作示例，请参见此处http://jsfiddle.net/p6sGb/