Question

我正在尝试提交通过jquery创建的表单，但我无法从此表单获取提交事件。这是我的代码，

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

Answer 1

了解Delegate Event Handler

说明：为所有元素的一个或多个事件附加处理程序根据特定集合，现在或将来匹配选择器根元素。

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

提交表单不起作用

1 个答案: