php - 提交后触发 jQuery 函数

Question

我需要在执行提交函数后触发一个函数。在第一个 PHP 文件中，我选择一个图像，之后它调用第二个文件，该文件在上传后回显图像和一些输入元素。此时我也想要一个 colopicker。我使用的代码发现 here 。第一个文件中的代码是:

<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' />;

目前它在元素回显之前调用颜色选择器函数。在全部回显之后我怎样才能让它运行？感谢您的帮助!

Answer 1

尝试将 .colourPicker() 初始化移动到 ajaxForm 插件的 success 回调中。这将在 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();
    });
});