提交后触发jQuery函数

Question

我需要在submit函数执行后触发一个函数。在第一个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> 

被称为回声则图像，这是在div元素“预览”的第一个文件显示该文件。

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

目前它调用colorpicker函数之前，元素是echo.How我可以让它运行后它全部回显？谢谢你的帮助！

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(); 
    }); 
});