Загрузка JavaScript в загружаемый контент AJAX

Question

Я новичок в AJAX и JavaScript и не знаю, как заставить его работать.

Вот сайт:

Когда портфельные изображения щелкнул, детали загружаются через AJAX. Я хотел бы иметь возможность делать слайд-шоу для работы с более чем одним полноразмерным изображением. Однако, поскольку контент загружается с использованием AJAX, JavaScript Flexslider не работает.

Вот код, который загружает содержимое:

// ----------- PROJECT WINDOW SHOW/HIDE ----------- // 

    var $actual= null; 

    $(".ch-grid").click(function() { 
      $.scrollTo($('#project-show'), 800, {offset:-130}); 
      obre($(this).attr('id')); 
      $actual=$(this); 
//   alert($('.project-content').position().top) 
//   $('html, body').animate({scrollTop:($('.project-content').position().top)+165}, 1000); 
    }); 

    $(".portfolio-btn").click(function() { 
      obert=false; 
    }); 

    function obre(quin){ 
    $.ajax({ 

     //type: "POST", 
     //data: { id: $(this).attr('cid')}, 
     url: quin, 
     success: function(data) { 
      $('.project-content').html(data); 
     } 
    }); 
} 

И здесь сценарии, которые должны быть загружены:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js?ver=1.9.1"></script> 
<script type="text/javascript" src="http://www.4ndesign.com/wp-content/themes/4ndesign/js/metronomy-plugins.js?ver=2.0"></script> 
<script type="text/javascript" src="http://www.4ndesign.com/wp-content/themes/4ndesign/js/metronomy-custom.js?ver=2.2"></script> 

Answer 1

Вы должны сделать свою инициализацию из FlexSlider после того, как содержание загружается через ajax. Просто добавьте его в часть success вашего запроса ajax.

$.ajax({ 
    .. 
    success: function(data) { 
    $('#slider').flexslider(); // or what ever :) 
    } 
});