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

Question

我正在尝试获得一个联系人表格7在一个Featherlight.js灯箱中工作。我在mydomain.com/contact创建了一个页面，并将链接设置为打开mydomain.com/contact #main article。

羽毛灯确实打开表单，但是当我提交表单时，lightbox关闭，url解析为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);
        });
    });