1
jqueryによって作成されたフォームを送信しようとしていますが、このフォームからイベントを送信できません。現在または将来的には、セレクタに一致するすべての要素の1つ以上のイベント にハンドラをアタッチし、上のベース:ここに私のコード、送信フォームが機能しない
$('#get_test').click(function(){
$.post('ajax-request.php',{
act: 'start_test'
},function(data){
var jstring = $.parseJSON(data);
for(var i = 0 ; i < 5 ; i++){
if (i == 0) {
$('#test').append('<ul class="nav nav-pills"></ul>');
$('.nav.nav-pills').append('<li class="active"><a data-toggle="pill" href="#home">' + (i + 1) + '</a></li>');
$('#test').append('<form name="quiz_form" id="quiz_form" method="POST">');
$('#test form').append('<div class="tab-content"></div>');
$('.tab-content').append('<div id="home" class="tab-pane fade in active">'+'<p><b>Russian word: </b>' + jstring[i].russian_word + '</p></div>');
$('#home').append('<input type="text" name="in_word'+i+'" placeholder=" Input translation" />');
} else {
$('.nav.nav-pills').append('<li><a data-toggle="pill" href="#menu' + i + '">' + (i + 1) + '</a></li>');
$('.tab-content').append('<div id="menu'+i+'" class="tab-pane fade">'+'<p><b>Russian word: </b>' + jstring[i].russian_word + '</p></div>');
$('#menu' + i).append('<input type="text" name="in_word' + i + '" placeholder=" Input translation" />');
if (i == 4) {
$('#test form').append('<input type="button" name="check_button" value="Check" id="check_quiz"/>');
}
}
}
});
});
$('#quiz_form').submit(function() {
alert('sdsdsdsd');
});
それがロードされた*後は、DOM *に '#のquiz_form'要素を追加するので、あなたは、委任されたイベントハンドラを使用する必要があります。詳細については、重複としてマークした質問を参照してください。 –