为什么预加载器有时不会消失？

Question

（请注意：我有一个类似的问题有效 - 但问题完全不同）

Please see here for an example

当您点击左侧导航菜单时，请注意每次点击预加载器都不会消失...我不知道原因。

这是我的代码：

我留下了一些评论，以便更容易理解。非常感谢每个人：）

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
   });
}

Answer 1

在设置pageToLoad之前，您正在访问代码的底部。 将底部放在每个淡出完成功能中。