2012-01-07 17 views
2

(ご注意:私は、アクティブな1同様の質問があります - しかし、それは問題のように全く違う)プリローダーがどうして消えないのですか?

Please see here for an example

あなたは左側のナビゲーションメニューをクリックすると、他のすべてのプリローダーのdoesnをクリックした旨の通知消えて...なぜか分からない。

は、私は理解しやすくするためにいくつかのコメントを残した:

は、ここで私が持っているコードです。みんなありがとうございます:)

var pageToLoad = ''; 
switch(this.id){ 
     case 'events_map_button': 
     $('#huge-loader').fadeIn('fast', function() { //show preloader 
     pageToLoad = 'partytool.html';     //define page to load 
     }); 
     break; 
     case 'event_search_tool_button': 
     $('#huge-loader').fadeIn('fast', function() { 
     pageToLoad = 'partytool.html'; 
      configureEvents(); 
     }); 
     break; 
     case 'party_photos_button': 
     $('#huge-loader').fadeIn('fast', function() { 
     pageToLoad = 'partyphotos.html'; 
     }); 
     break; 
     case 'taxi_finder_button': 
     $('#huge-loader').fadeIn('fast', function() { 
     pageToLoad = 'taxiservices.html'; 
     }); 
     break; 
     case 'weather_forecast_button': 
     $('#huge-loader').fadeIn('fast', function() { 
     pageToLoad = 'weatherforecast.html'; 
     }); 
     break; 
     case 'contact_button': 
     $('#huge-loader').fadeIn('fast', function() { 
     pageToLoad = 'contact.html'; 
     }); 
     break; 
} 
if('' !== pageToLoad){        //if the variable isn't empty 
    $('#right-content').load(pageToLoad, function() { //load the page 
    $("#huge-loader").fadeOut("slow");     //then hide preloader 
    }); 
} 
+1

クリックするたびに、ページの読み込み要求は発生しません。 – Kenaniah

+0

しかし、どうして、ケニアーニャ? – pufAmuf

+0

それから見て、 'this.id'は少なくともあなたが1回おきにクリックする度にそうではないと思います。あなたのスイッチの近くで 'console.debug(this)'を実行すると、何が表示されるのか驚くかもしれません。 – Kenaniah

答えて

1

pageToLoadが設定される前に、コードの下部に当たっています。 あなたの各フェードアウト完全機能にその底部を置きます。

+0

フェードアウト完了後にこの '$( '#right-content')load(pageToLoad')を実行することをお勧めしますか?そうすれば、ロードが消えた後にコンテンツがロードされます。 – pufAmuf

+0

#huge-loader - >#fadein(fadeinで終わったとき) - >#right-content-> load(ロードしたとき) - >#huge-fader-> fadeout() のように ---- 'case 'party_photos_button': $ {'huge-loader'}。fadeIn( 'fast'、function(){ $( '#right-content')load( 'partyphotos.html'、function(){ $}); ' –

+0

こんにちは、あとでコメントしてくれてありがとうございました。コードは私にあらかじめ読み込んだ画像を追加しようとするまで素晴らしいものでした。 chはIEでいくつかの問題を引き起こしました。ここでそれを取り巻く新しい質問があります:http://stackoverflow.com/questions/8843283/jquery-preloader-stopped-working-ie – pufAmuf

関連する問題