Question

我正在尝试使用Contact Form 7表单在Featherlight.js灯箱中工作。我在mydomain.com/contact创建了一个页面，并将链接设置为打开mydomain.com/contact #main article。

Featherlight会打开表单，但是当我提交表单时，灯箱会关闭，网址会解析为mydomain.com/contact/#wpcf7-f262-p11-o1。如果成功提交或验证错误无关紧要，灯箱仍然关闭（要清楚，表单确实有效 - 我收到了电子邮件）。

如果我打开整个页面（mydomain.com/contact/），灯箱在提交时不会关闭，这让我相信可能存在AJAX冲突。

也就是说，我在控制台中没有收到任何错误。

任何帮助解决问题的人都将不胜感激！

感谢。

Answer 1

由于接受的答案的第二部分here（来自jQuery网站的文档示例），我已经开始工作了。

jQuery的submit()功能对我不起作用 - 我猜它是版本问题？无论如何，这是我的最终代码：

   /* attach a submit handler to the form */
   $( "body" ).on( "submit", ".wpcf7-form", function(event) {

        /* stop form from submitting normally */
        event.preventDefault();

        /* get some values from elements on the page: */
        var $form = $( this ),
          url = $form.attr( 'action' );

        /* Send the data using post */
        var posting = $.post( url, $form.serialize() );

        /* Put the results in a div */
        posting.done(function(data) {
            var content = $(data).find('.wpcf7-form');
            $('.featherlight .wpcf7').empty().append(content);
        });
    });

Featherlight.js和联系表格7之间的冲突？

1 个答案: