Функция вызова загрузчика jQuery

Question

Это простой сценарий загрузки из неттоков, и я попытался изменить его в соответствии с моими потребностями. Но я не могу получить функцию res, которая изменяет размер загруженных элементов, чтобы произойти, прежде чем функция showewcontent работает. Теперь он изменяется после видимости, что очень плохо выглядит. Но если я ставлю вызов функции раньше, ничего не произойдет, потому что контент еще не загружен.

$(document).ready(function() { 
    var hash = window.location.hash.substr(1); 
    var href = $('#menu a').each(function(){ 
     var href = $(this).attr('href'); 
     if(hash==href.substr(0,href.length-4)){ 
      var toLoad = hash+'.php #content'; 
      $('#content').load(toLoad); 
     } 
    }); 
    $('#menu a').click(function(){ 
     var toLoad = $(this).attr('href')+' #content'; 
     $('#content').hide('slow',loadContent); 
     window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-4); 
     function loadContent() { 
      $('#content').load(toLoad,'',showNewContent()); 
     } 
     function showNewContent() { 
      $('#content').show("0", res) 
     } 
     return false; 
    }); 
}); 

Answer 1

Вы res() определяется как обратного вызова для show(), то есть он будет вызван после функция show() завершается.

Я хотел бы изменить структуру обратного вызова, так что она содержит все работы, которую вы хотите сделать:

$('#menu a').click(function(e) { 
    var toLoad = $(this).attr('href') + ' #content'; 
    $('#content').hide('slow', function() { 
     var self = this; 
     $(self).load(toLoad, '', function() { 
      res(); 
      $(self).show("0"); 
     }); 
    }); 
    window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-4); 
    e.preventDefault(); 
} 

Тогда вам не нужно определения функций внутри обработчика щелчка.

FYI, вместо return false;, было бы лучше использовать e.preventDefault(); в конце вашего обработчика щелчков. Вам необходимо будет определить e в качестве параметра функции обратного вызова щелчка. См. this для обсуждения return false; vs. e.preventDefault().

Кроме того, если изменение размера занимает заметное количество времени, вы можете захотеть, чтобы функция res() выполняла обратный звонок таким же образом, что и show(). Затем вы можете показывать контент только после его загрузки и изменения размера.