Запуск Fancybox после загрузки jQuery

Question

У меня есть файл index.html, который загружает содержимое с помощью функции jQuery's load(), этот index.html включает в себя все JS-файлы, следующее.

Вот код:

$(document).ready(function(){ 
    function showNewContent() { 
     $('#wrapper').fadeIn('normal',hideLoader); 
    } 
    function hideLoader() { 
     $('#load').fadeOut('normal'); 
    } 
    $('#menu li.load a').click(function() { 
     // Change Content 
     var toLoad = $(this).attr('href')+' #all_content'; 
     $('#wrapper').fadeOut('fast',loadContent); 
     $('#load').remove(); 
     $('body').append('<div id="load"></div>'); 
     $('#load').fadeIn(0); 
     window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5); 
     function loadContent() { 
      $('#wrapper').load(toLoad,'',showNewContent); 
     } 
    }); 

    ...some more code... 

    $('.fancy').click(function() { 
     $.fancybox.open([ 
      { 
       href : 'img/img1.jpg' 
      }, { 
       href : 'img/img2.jpg' 
      }, { 
       href : 'img/img3.jpg' 
      } 
     ], { 
      helpers : { 
       thumbs : { 
        width: 75, 
        height: 50 
       } 
      } 
     }); 
    }); 
}); 

Я загрузки содержимого из другого файла (News.html) в файл index.html. В этом файле news.html есть ссылка

<a class="fancy" href="javascript:;"><img src='img/img1.jpg' /></a> 

но fancyboy не работает. Как я могу заставить его работать?

Я не нашел для себя решения для меня до сих пор. Если у кого-то есть ответ или ссылка, где я могу найти что-то полезное, это было бы здорово. Заранее спасибо!

Answer 1

Вам необходимо делегирование событий, так как этот якорь загружается в динамически связать событие щелчка к элементу, который уже существует:

$(document).on('click', '.fancy', function() { 
    //do stuff 
}); 

Answer 2

Лучше использовать Init-скрипт, который вы называете после загрузки содержимого, является лучше, чем использование document.ready(). Когда вызывается document.ready(), содержимое отсутствует, оно будет загружено потом, если это то, о чем вы упомянули.