在jQuery中使用条形滚动屏幕

Question

基本问题，我是jQuery的新手，这不会工作。

基本上我正在尝试使用宽度为0％的div（top_bar）开始并将其加宽为宽度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/