サブミット後にjQuery関数をトリガーする

Question

サブミット機能が実行された後に関数をトリガーする必要があります。最初のPHPファイルでイメージを選択した後、アップロード後にイメージといくつかの入力要素をエコーする2番目のファイルを呼び出します。この時点で私はまた、コルピッカーをしたい。私が使用しているコードは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要素「プレビュー」内の最初のファイルに示された画像は、エコーと呼ばれるファイル。要素がechoed.howある前に

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

現時点では、カラーピッカー機能をcalles私はそれがすべてのエコーされた後、それを実行させることができますか？助けてくれてありがとう！

Answer 1

プラグインajaxFormのsuccessコールバックの中で.colourPicker()の初期化を移動してみてください。これは、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(); 
    }); 
});