2016-08-03 10 views
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'); 
}); 
+0

それがロードされた*後は、DOM *に '#のquiz_form'要素を追加するので、あなたは、委任されたイベントハンドラを使用する必要があります。詳細については、重複としてマークした質問を参照してください。 –

答えて

1

読む約Delegate Event Handler

説明ですルート要素の特定のセット

$(document).on('submit','#quiz_form',function(){ 
    alert('sdsdsdsd'); 
}); 
+0

ありがとう、それは働いた!) –

関連する問題