Question

我正在尝试使用弹出式提交按钮，但我还没有找到我正在寻找的解决方案。

我正在使用jquery modal插件在客户提交之前向客户展示其更改内容。但是，当我尝试提交时，没有任何反应。弹出窗口中存在提交按钮，而.modify按钮是打开它的按钮。我对弹出窗口没有任何问题。

我的控制台测试正在打印，所以我知道我的事件监听器没有任何问题。也许它与event.preventDefault（）有关？

提前致谢。

这是我的代码

后端

   jQuery(".modify").click(function() {
                        event.preventDefault();
                        var submit = confirm('Are you sure?');
                        <?php
                            $post_ids = array();
                            while($author_entry_posts->have_posts()) : $author_entry_posts->the_post(); 

                        array_push($post_ids, get_the_ID());

                        endwhile;
                        ?>

                        if (submit == true) {
                            var data = {
                                'action': 'modalcall',
                                'postid': <?php echo  json_encode($post_ids)?>,
                                'userid': <?php echo get_current_user_id() ?>
                            };
                            jQuery.post(ajaxurl, data, function(response) {
                                 jQuery(response).appendTo('body').modal();

                                  //Script which handles the submit button on the modal pop-up
                                 jQuery(".modal_submit").click(function() {
                                     console.log("test");
                                    jQuery().submit();    
                                });
                            });

                        } else {
                            return false;
                        }
                    });

前端

  <input type="submit" name="submit" value="Submit" class="button modal_submit">

Answer 1

在您点击模态提交的处理程序中，您没有定义需要提交的表单。

jQuery(".modal_submit").click(function() {
   console.log("test");
   jQuery().submit(); // you are not defining which form to submit.
});

相反，<input type="submit" name="submit" value="Submit" class="button modal_submit">需要位于需要通过调用jquery submit来提交的表单中。

jQuery(".modal_submit").click(function() {
   console.log("test");
   $(this).closest('form').submit(); // asking to submit the form which contains this button
});

WordPress - 关于模态弹出的提交确认

1 个答案: