Question

我在Bootstrap 3的popover插件中有一个联系表单。它以这种方式启动：

setMap(null);

我这样显示：

    $(document).ready(function() {
        $(function(){   
            $('[rel=popover]').popover({ 
                html : true,
                placement : 'bottom',
                trigger : 'click', 
                content: function() {
                  return $('#popover_content_wrapper').html();
                }
            });
        });
    });

因此，当您点击回拨按钮时，会显示联系表格。没关系，它有效。但是当填写表单并发送它时，没有AJAX，所以页面刷新。您必须再次点击回拨按钮才能看到表单中的反馈。

有没有办法可以在popover中用AJAX加载反馈？

如果我将联系表单代码放在popover标记之外，则AJAX可以正常工作。在 popover_content_wrapper div中删除 style =＆＃34; display：none＆＃34; 也会修复它。但是，如果没有先点击“回拨”按钮，您就会看到该表单。

提前致谢。

Answer 1

我刚刚遇到这个问题并且很快找到了解决方案。

您需要重新初始化CF7表单。

因此，您可以尝试将代码更改为以下内容：

$('[rel=popover]').popover({ 
  html : true,
  placement : 'bottom',
  trigger : 'click', 
  content: function() {
    return $('#popover_content_wrapper').html();
  }
}).on('shown.bs.popover', function () {
  jQuery('.popover .wpcf7-form').wpcf7InitForm();
});

使用AJAX在popover Bootstrap中联系表单7

1 个答案: