ajax调用的初始化代码放置

Question

我的一个页面有按钮，如-btnNext，btnPrevious，btnZoomIn，btnZoomOut和一个包含标签的div。图像从数据库加载。

我正在使用＆＃39;平滑缩放平移＆＃39;插件（http://vectorflower.com/preview/smooth_zoom/）在图像上实现放大和缩小功能。我调用放大＆amp;使用代码缩小功能：

<script>
jQuery(function($){
    initSmoothZoom();
});

function initSmoothZoom(){
    $('#pgimg').smoothZoom({
        width: '100%',
        height: '100%',
        zoom_BUTTONS_SHOW : 'NO',
        pan_BUTTONS_SHOW : 'NO',
        pan_LIMIT_BOUNDARY : 'YES',
        zoom_MAX:800,
        zoom_MIN:100,
        responsive: true,
        responsive_maintain_ratio: true,
        border_TRANSPARENCY: 0,
    });
}
</script>

导航按钮 - btnNext＆amp; btnPrevious单击时使用ajax从数据库加载新图像。

第一次加载页面时，放大＆amp;缩小功能完美运行。但是，当通过导航按钮使用ajax加载下一个图像时，放大＆amp;缩小功能不起作用。它们只有在点击刷新后才开始工作。

我试图调用放大＆amp;缩小ajax：success函数内的初始化代码，即使它不起作用。

function loadNextImage(){
....................
        $.ajax({
            type:'POST',
            url:"<?php echo base_url(); ?>pages/load_req_page_via_navigator/",
            dataType: 'json',
            data: {..........................},
            beforeSend: function() {
                $("#loader").show();
            },
            success:function(result){
                destroy_ias();
                initSmoothZoom();//<------------------

                $("#canvas").html(result);                                       
            },
            error: function(result)
            {
                alert('error:'+result);
            },
            fail:(function(result) {
                alert('fail:'+result);
            }),
            complete: function() {
                $("#loader").hide();
            }
        });
 }
...................
}

请告诉某人，我应该在哪里进行初始化，以便它能够正常工作。