Javascript ajax调用的初始化代码放置

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

我正在图像上使用“平滑缩放平移”插件（）来实现放大和缩小功能。我使用以下代码调用放大和缩小功能：

<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>

jQuery（函数（$）{
initSmoothZoom（）；
});
函数initSmoothZoom（）{
$（'#pgimg'）.smoothZoom({
宽度：“100%”，
高度：“100%”，
缩放按钮显示：“否”，
泛按钮显示：“否”，
泛限制边界：“是”，
缩放最大值：800，
缩放最小值：100，
回答：是的，
响应性维护比率：正确，
边界透明度：0，
});
}

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

第一次加载页面时，放大和缩小功能工作正常。但是，当导航按钮使用ajax加载下一幅图像时，放大和缩小功能不起作用。它们只有在点击刷新后才开始工作

我试图在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();
            }
        });
 }
...................
}

函数loadNextImage（）{
....................
$.ajax({
类型：'POST'，
url:“页面/通过导航器加载请求页面/”，
数据类型：“json”，
数据：{………}，
beforeSend:function（）{
$（“#加载程序”）.show（）；
},
成功：功能（结果）{
销毁（ias）；
initSmoothZoom（）；//在没有看到您如何从ajax加载新图像的情况下，我只是在暗中拍摄，说这与您没有向新图像添加.smoothZoom有关。@Ryan请查看我的更新代码。调用initSmoothZoom（）；在ajax的成功回调函数中将结果添加到画布后。按建议执行。注意到奇怪的行为。ajax代码可以工作，它加载一个新图像，但其维度为0x0。除了图像大小为0x0之外，没有注意到任何错误。听起来好像您没有设置新img元素的宽度和高度属性