将有效的 jQuery 表格复制到另一个位置但仅复制原始作品？

Question

我已经将有效的 jQuery 表单从一页复制到另一页，原件按预期工作，但副本不工作。

原作是这样的：所以我有一个附加到图像的 onclick 函数，它打开一个带有 "OK" 按钮（又名）我的提交按钮的确认模式 window，按下这个按钮提交一个 post 函数，关闭 window 并在另一个页面（主页）上创建 post。

我已将此工作表单复制到我的主页，这样用户就不必前往上述页面即可完成此任务。但是，单击复制表单上的 "OK" 按钮后，它会关闭 window 并刷新页面，但 post 功能似乎没有被触发。

代码如下：

<script>
            jQuery(function (){
                jQuery('#form-bumb .button-waiting, #form-bumb .waiting-updated').hide();
                jQuery('#form-bumb').submit(function (e){
                    e.preventDefault();
                    //product_id
                    jQuery('#form-bumb .waiting-updated').hide();
                    jQuery('#form-bumb .button-waiting').show();
                    jQuery.ajax({
                        url : the_ajax_script.ajaxurl,
                        type : 'post',
                        data : {
                            action : 'product_bump',
                            product_id : <?php echo $product_id; ?>
                        },
                        success : function( response ) {
                            jQuery('#form-bumb .button-waiting').hide();
                            jQuery('#form-bumb .waiting-updated').show();
                            jQuery('#form-bumb button[type=submit]').hide();

                            remaining_bump = jQuery('.products-total-wrap #products-total-bumps').text();
                            if (remaining_bump > 0){
                                remaining_bump = parseInt(remaining_bump) - 1;
                                jQuery('.products-total-wrap #products-total-bumps').text(remaining_bump);
                            }
                        }
                    });

                });

                jQuery('#modal_product_message_confirmation h4.modal-title').html('Bump Confirmation '+
                            '<img src="<?php echo get_template_directory_uri();?>'+
                            '/assets_consumer/assets/img/bump-icon.png" width="20" />');
            });
            </script>

我不知道问题出在哪里，如果有人愿意为我指明正确的方向，我们将不胜感激。

Answer 1

也许您的表单是动态生成的，并且 #form-bumb 在运行 jQuery('#form-bumb').submit(function (e){....})

时不存在

你应该试试

$(document).on('submit','#form-bumb',function(e){....})

如果表单是动态创建的，它也适用于表单

将有效的 jQuery 表格复制到另一个位置但仅复制原始作品？

copied a working jQuery form to another location but only the original works?

javascript

forms

jquery

function

submit