Php 提交后触发jQuery函数

我需要在submit函数执行后触发一个函数。在第一个PHP文件中，我选择了一个图像，然后调用第二个文件，该文件在上传后回显图像和一些输入元素。在这一点上，我还需要一个冒号选择器。我找到了我正在使用的代码。第一个文件中的代码是：

<script type="text/javascript" >
    $(document).ready(function() {      
        $('#photoimg').live('change', function() { 
            $("#preview").html('');
            $("#preview").html('<img src="loader.gif" alt="Uploading...."/>');
            $("#imageform").ajaxForm({
                target: '#preview'
            }).submit();
            $('#color1').colorPicker();
        });
    }); 
</script>

名为echos的文件随后显示在div元素预览的第一个文件中的图像

echo "<img src='uploads/".$actual_image_name."'  class='preview'><br  />";
echo "<input id='color1' type='text' name='color1' value='#333399' />;

目前，它在元素被回显之前调用colorpicker函数。我如何让它在所有元素被回显之后运行？谢谢你的帮助

尝试在ajaxForm插件的成功回调中移动.colorPicker初始化。这将在AJAX请求完成后执行：

$(document).ready(function() {      
    $('#photoimg').live('change', function() { 
        $("#preview").html('');
        $("#preview").html('<img src="loader.gif" alt="Uploading...."/>');
        $("#imageform").ajaxForm({
            target: '#preview',
            success: function() {
                $('#color1').colorPicker();
            }
        }).submit();
    });
}); 

尝试在ajaxForm插件的成功回调中移动.colorPicker初始化。这将在AJAX请求完成后执行：

$(document).ready(function() {      
    $('#photoimg').live('change', function() { 
        $("#preview").html('');
        $("#preview").html('<img src="loader.gif" alt="Uploading...."/>');
        $("#imageform").ajaxForm({
            target: '#preview',
            success: function() {
                $('#color1').colorPicker();
            }
        }).submit();
    });
});