JQueryの.show（）の最初のマウスコールでアニメーションが表示されない

Question

こんにちは皆さん（最初の投稿！）。私はJQueryとJavascript初心者です。

私は、次のWebサイトに取り組んでいます：http://www.beautifulinteractions.com/lombo/

私はjQueryのセレクタとメソッドを呼び出す自分自身の機能を持つカスタム.jsファイルを作りました。私はtagからstartup（）関数を呼び出し、2つのdiv（メニューとフッター）が適切な方法で入ってくる。

しかし、最初の（そして最初の）メニュー項目をクリックすると（onclick = "javascript：showContent（URL）"経由で.show（）呼び出しがトリガーされます）、ターゲットdivは視認可能になりますが、それはちょうど現れる。たびにアニメーションがうまく動作するメニュー項目をクリックします。

私は間違っていますか？
ありがとうございます。

millis = 600; 

function startup() { 
    $('#hiddenMenu').show(millis, foo()); 
    $('#footer').show(millis, foo()); 
    //$(""+"#hiddenContent"+"").show('slow', foo()); 
} 

function showContent(URL) { 
    $('#hiddenContent').hide(millis, function() { 
             $('#hiddenContent').load(URL); 
             $('#hiddenContent').show(millis, foo()); 
    }); 

} 
function hideContent() { 
    $('#hiddenContent').hide(millis, foo()); 
} 

function foo() { 
    //Do-Nothing 
}` 

Answer 1

以下でごshowContent機能を交換してみてください：

function showContent(URL) { 
    $('#hiddenContent').hide(millis, function() { 
     $(this).load(URL, function() { 
      $(this).show(millis, foo()); 
     }); 
    }); 
} 

それは、show行が実行される前に$.load呼び出しが完了しないため、事実である可能性があります。 .showを$.loadのコールバックに移動すると、そのトリックが発生する可能性があります。

Answer 2

すでに出力をstartup()機能から取得しようとしましたか？コンソールやアラートでスクリプトが実行されているかどうかを知ることができます。あなたはあなたがこのような何かを行う必要がありますjavascript:

を使用する必要があなたはいけないonclickを使用した場合

と少し先端が..：

onclick="startup();" 

は十分なはずです！

EDIT：

はこれにあなたVARミリ秒を作る：

var millis = 600; 

VARのないスクリプトがちょうど追記としてIE

に