Проблема с ajax

#
Проблема с ajax
Здравствуйте!
Уже обращался с подобной темой. И разобрался в вопросе, но сейчас возникла сложность. Итак, суть проблемы: на сайте множество галерей, состоящих из огромного количества фотографий. Сначала было решено выводить все галереи сразу же на экран, но потом решили этого не делать, потому что страница получется загруженной. Перезагружать страницу для загрузки фоток-нельзя. Пришлось использовать аякс и jquery для разделения галерей и подгрузки их в фоновом режиме. Каждая галерея залинкована по идентификатору к jquery галереи lightbox. Проблема в том, что при подзагрузке галерей, новые галереи не обрабатываются скриптом lightbox и они вместо всплывающего окна открываются тупо в новом.

Может быть кто-то встречался с данной проблемой именно с lightbox и знает как проинициализировать ее заного. Изрыл инет - решения не нашел.

Вот код - обработчик всего этого дела:
<script type="text/javascript">

function loadpage(div_id){
   div_id.find('a.ajaxload').click(
      function(){
         if ($(this).attr("href").indexOf("http://") == -1) {
            if ($(this).attr("class") != "cajaxload") {
               var url = $(this).attr('href');
               div_id.hide('slow',
                  function(){   
                     div_id.empty();
                     $("#loading_animation").show();
                     $.get(url,{},
                        function(response){
                           $("#loading_animation").hide();
                           div_id.append(response).fadeIn('slow');
                            $.fn.lightbox.initialize();
                           loadpage(div_id);
                        }
                     )
                  }            
               );      
               return false;
            }
         }
      }
   );
}



$(document).ready(function(){
var div_id = $('#information_system_19');
loadpage(div_id);
});
   
</script>
Модератор
#
Re: Проблема с ajax
Пришлось почитать документацию по jQuery.

Итак, после AJAX-загрузки и вставки кода через innerHTML необходимо выждать несколько мс, прежде чем работать с вновь появившимся объектами, для этого код jQuery был добавлен в конструкцию:
setTimeout(function(){
...
}, 100);


далее, учитывая что в DOM модели загруженная через AJAX форма появляется после загрузки документа инициировать необходимо отдельный вызов jQuery, для этого добавлен код jQuery.ready();:

setTimeout(function(){
...

jQuery.ready();

}, 100);
Авторизация