jquery - 在 ajax 加载的图像上激活 Jcrop

Question

从 ajax 返回的 html img 具有“tocrop”类。目前我在ajax调用成功时调用该函数：

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

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

我尝试使用 .load()、setInterval() 和 clearInterval(当 $('.tocrop').Jcrop())、.bind() 在函数加载后绑定它......似乎没有任何效果

已经有一个线程，但解决方案不起作用

任何帮助将不胜感激这是从服务器返回的，已经尝试将 $('.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 有类要加载”

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