使用JQuery和PHP处理动态创建的web表单

我一直在努力解决一个似乎无法解决的问题。我有一个web表单，它是从从PHP运行的MySQL查询构建的，并返回到JQuery，它显示了一个电影库，用户可以给出一个数字评级。我想将表单发送回PHP进行处理并写入数据库

function loadGallery()
{
    $('content').append('<form id="movieRatings" action="../php/saveRatings.php" method="post">).html();
    $.get('../php/getMovies.php')
        .done(function(data) {
             var query = $.parseJSON(data);
             for (var i = 0, len = query.length; i < len; i++) {
             var galleryMovies = '<div class="movContainer">' +    
                                '<div class="movie">' +
                                    '<a title="' + query[i].mov_title + '" href="../' + query[i].mov_title + '.html">' +
                                    '<h3>' + query[i].mov_title + '</h3>' +
                                    '<img src="../imgs/' + query[i].poster_path + '" /></a>' +
                                    '<input type="number" name="' + query[i].mov_title + '" >' +
                                '</div>' +
                            '</div>'; 
             $('#content').append(galleryMovies).html(); 
                }
             $('#content').append('<input type="submit" value="Submit"></form>');
    })            
    .fail(function() {
                $('#content').html("Epic Fail!") ;
            });
}

函数loadGallery（）
{
$（'content'）.append（'）.html（）；
$.get（“../php/getMovies.php”）
.完成（功能（数据）{
var query=$.parseJSON（数据）；
for（var i=0，len=query.length；i

表单显示时没有任何问题，但单击submit按钮甚至不会发送对“saveRatings”PHP文件的请求。我肯定我错过了一些简单的东西，我只是不知道那是什么。我的第一个想法是，这是因为图库不是实际html的一部分，但从我所读到的来看，这与它没有任何关系

如有建议/建议/见解，将不胜感激

而不是

$('#ID').click(function(){
    // do something here
});

切换到

$(document).on("click", "#ID", function(){
    // do smth here
});

您的第一个假设是正确的，如果元素不是初始html的一部分，那么任何绑定到它的事件都不会工作，除非您使用我的第二种方法。您可以在jquery文档中找到有关此行为的更多信息

L.E:提交操作也是如此，以防我不清楚单击示例：

$(document).on("submit", 'form#formID',function(){
   // do smth here...
});

不能将

与

分开追加--

。追加
创建DOM元素，而不是标记，因此
将自动关闭。检查浏览器的DOM查看器以查看元素的实际组织方式。因此，使用
$（文档）。在（…）
上，我需要输入一些内容来处理输入到每个输入框中的名称和数量，对吗？