AJAX投稿の後にjQueryを通してコンテンツを変更する

Question

jQueryを使用してAJAXから届くコンテンツを修正しようとしていますが、何らかの理由でコンテンツにアクセスできないようです。私はまだjQueryでかなり新しいので、どこが間違っているのか分からず、ここの誰かが私を正しい方向に向けることを望んでいたと思っています。

コードのすべてhttps://github.com/Ryan-Myers/WordPress-Survey-Plugin/blob/master/survey-js.php

ここでGitHubの上にある。しかし、次のように関連するコードは（これはところでプラグインワードプレスの一部である）です。

//Add a new question to the passed survey 
function add_question(survey_id) { 
    var data = { 
     action: 'survey_add_question_ajax', 
     security: '<?php echo wp_create_nonce("survey_add_question_nonce"); ?>', 
     survey: survey_id 
    }; 

    jQuery.post(ajaxurl, data, function(response) { 
     jQuery('#survey-admin-page').html(response); 
     jQuery('#survey-questions-table').slideUp(); 
     jQuery('#survey-add-question').slideDown(); 
    }); 

    //FAILS HERE 
    jQuery('#survey-add-question').ready(function(){ 
     //Default to hiding the question setup until they select a question type. 
     jQuery('#questionsetup').hide(); 
     jQuery('#save_question').attr('onclick', 'submit_question('+survey_id+')'); 

     //Testing to see if it will return a usable value, which it doesn't. 
     alert(jQuery('#save_question').attr('onclick')); 
    }); 
} 

Answer 1

$ .readyは動作しません。 http://api.jquery.com/ready/

.ready（）メソッドは、現在のドキュメントに一致するjQueryオブジェクトに対してのみ呼び出すことができるため、セレクタは省略できます。

通常、DOMの準備が整ったことを知り、DOMに依存するコードの実行を開始するために使用します。

あなたはslideDown後、$ .postのコールバックに動作していないコードのブロックを追加するか、またはあなたがslideDown後に起動しますslideDownへのコールバックを追加することができますは完了です：http://api.jquery.com/slideDown/

Answer 2

#save_questionは動的に読み込まれていますか？それがあなたのjQueryを使っている理由です（ '＃survey-add-question'）。ready（）。例えば

$('#save_question').live("click", function() { 
    submit_question(survey_id); 
}); 

あなたはちょうどポストはあなたのコードを実行する前に、fininsh jQuery.post関数内のコードを配置するのを待つしたい場合はjQuery.live

を見てみたいことがありそうであれば

jQuery.post(ajaxurl, data, function(response) { 
     // code in here will be called once the response is returned from AJAX 

    });