jquery - jQuery で画面をスクロールするバーを取得する

Question

基本的な質問です。私はjQueryが初めてで、これはうまくいきません。

基本的に、div (top_bar) を幅 0% で開始し、幅を 76% に広げようとしています。ページを開くと、バーが表示されません (初期幅が 0% のため)

これが私が持っていたものの基本的な考えです。animate() の引数として何を入力すればよいかわかりません。

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

score 2 · Accepted Answer

構文が正しくありません。animate()の最初のパラメーターは、セレクターではなく、設定したいスタイルを持つオブジェクトを取ります。

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

score 1 · Accepted Answer

構文が少しずれています。top_bar を 2 回選択する必要はありません。

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

詳細については、 http://api.jquery.com/animate/を確認してください。最初にセレクターを選択してから、それを解析してオプションを配列します。ページのさらに下に例がたくさんあります。

実際の例については、こちらを参照してくださいhttp://jsfiddle.net/p6sGb/

2 に答える 2