Question

我动态地使用ajax获取表单并将其显示在工具提示中。我可以按预期成功获得表单，但它似乎只是提交第一个表单。

我正在做成功的提交内容：函数，因为这是我获得动态表单的地方。

    $('.EditGallery').each(function()
{       
    $(this).qtip({
        content:  {
            text: "Loading...",
            ajax: {
                url:$(this).attr('href'),
                type: "GET",
                success: function(data, status) {   
                    this.set('content.text', data);

                    $(document).on('submit', '.EditGalleryForm', function(e) {
                        e.preventDefault();

                        $.ajax({
                            beforeSend: function() {
                                $('#EditGalleryResults').html('');  
                            },
                            complete: function () {
                                $('#EditGalleryResults').html('FORM SUCCESSFULLY SUBMITTED!');
                            }
                        });
                    });             
                }                
            }
        },
        hide: {
            fixed: true,
            delay: 100
        },
        style: 'wiki'
    });
    //$(this).qtip('click', true);

});

所以基本上当我点击提交表格时，表格已成功提交！只显示我提交的第一个表单然后它被卡在第一个工具提示中，并且在其余部分不起作用，除非我刷新页面并再次提交。

Answer 1

我发现问题是因为我有标签ID设置数据而不是CLASS。显然，ID必须是唯一的标识符，我不知道。

从ajax响应中提交qtip中的动态表单

1 个答案: