Where and how to re-initialize fancybox on ajax load?

Question

JavaScript

After loading with Ajax, fancybox stops working on photos. It turns out you need to re-initialize fancybox. Where can I do it in php? I don't want to mess with js

Answer 1

actually it turned out like this) the extention infiniteScroll.IasPager has an onRenderComplete parameter, we push the initialization there)

$this->widget('zii.widgets.CListView', array(
......
  pager' => array(
  .....
  'onRenderComplete' => new CJavaScriptExpression('function () {
        $("a[rel=gallery]").fancybox();
      }'
)));

Answer 2

live

<?php
$jsCode=<<<'JS'
  $('.content').on('click','.fancybox', function(e) {
        $(this).fancybox();
    });
});
JS;
$this->registerJs($jsCode);
?>

or so after ajax request, no matter which one we initialize fancybox

$(document).ajaxStop(function() { 
    $('.fancybox').fancybox();
  });