JQuery AJAX + встроенный Javascript

Question

надеюсь, это будет легко исправить.

Я использую этот скрипт для загрузки контента в Div с Ajax ...

$(document).ready(function() {



$('.top_nav a').click(function(){

  var toLoad = $(this).attr('href')+' .content';
  $('.content').hide('slow',loadContent);
  $('#load').remove();
  $('#header_resize').append('<span id="load">Please wait</span>');
  $('#load').fadeIn('normal');
  window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5);
  function loadContent() {


   $('.content').load(toLoad,showNewContent())

   }
  function showNewContent() {

   $('.content').show('normal',hideLoader());


  }
  function hideLoader() {
   $('#load').fadeOut('normal');
  }
  return false;

 });

});

Это прекрасно работает!:)

Я также хотел бы использовать плагин Fancybox для изображений, которые будут загружены в div.

Так что я добавил это в свой index.php -

$("a#example6").fancybox({
      'titlePosition' : 'over'});

В общем, я предположил, что когда моя фотография с идентификатором # example6 будет загружена на мою страницу с помощью ajax, она автоматически подключится с кодом выше ...

Это не так!Я предполагаю, что это потому, что вызов .fancybox работает только с вещами, которые находятся в исходном DOM ... Как мне заставить его слушать все будущие # example6 и запускать плагин соответственно.

Возникли реальные проблемыс этим, и был бы признателен за любую помощь.

Спасибо

Шейн.

Answer 1

Попробуйте поместить вызов, который назначает плагин fancybox на # example6 внутри функции обратного вызова загрузки AJAX:)

Кроме того, это поможет нам, если вы сможете использовать кнопку в редакторе, который выглядиткак квадрат двоичного кода, чтобы убедиться, что ваш код отображается правильно.Спасибо:)