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元素“preview”的第一个文件中。

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

此时它会在元素回显之前调用colorpicker函数。如果它全部回显，我可以让它运行吗？谢谢你的帮助！

Answer 1

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

提交后触发jQuery函数

1 个答案: