Question

从ajax返回的html img有'tocrop'类。目前我调用了ajax调用成功的函数：

$("#imageform").ajaxForm({
        target: '#image_upload_preview',
        success: jcropp(),
})

function jcropp(){
    $('.tocrop').Jcrop();
    }

我尝试过使用.load（），setInterval（）和clearInterval（当$（'。tocrop'）。Jcrop（）），。bind（）在加载后绑定一个函数......似乎没什么工作

此问题已有thread，但解决方案无效

非常感谢任何帮助这是从服务器返回的，已经尝试绑定$（'。tocrop'）。load（）到jcrop函数：

<img class='tocrop' src='/tempupload/".$upload_data['file_name']."'/>

Answer 1

你想要

吗？

success: jcropp

而不是

success: jcropp()

像

$("#imageform").ajaxForm({
    target: '#image_upload_preview',
    success: jcropp
});

之类的，如果你想成功检查图像加载事件。请说明您从服务器返回的内容，如果是某些html，那么您应该绑定图像的加载事件，因为在触发成功时可能无法加载图像。

$("#imageform").ajaxForm({
    target: '#image_upload_preview',
    success: function(data){
        jcropp();
        }
});

从你的评论“从服务器重新调用的html有类toload”

$("#imageform").ajaxForm({
    target: '#image_upload_preview',
    success: function(data){
        var src = $('.tocrop').attr('src');
        $('.tocrop').load(function(){
            $(this).Jcrop();
            }).attr('src',src);
        }
});

在ajax加载的图像上激活Jcrop

1 个答案: