Php 如何使用Wordpress contant form 7和fancybox在发送或fancybox关闭时显示特定部分

Php 如何使用Wordpress contant form 7和fancybox在发送或fancybox关闭时显示特定部分,php,jquery,wordpress,fancybox,contact-form-7,Php,Jquery,Wordpress,Fancybox,Contact Form 7,我对wp联系人表格7和花式盒子有问题。我需要显示表单提交后隐藏的内容。提交表单时,我无法显示该代码 <div class="col-md-offset-8 col-md-4 text-center"><a class="btn btn-primary show" data-fancybox="modal" data-src="#modal" href="javascript:;">View The Technical Specification </a>&l

我对wp联系人表格7和花式盒子有问题。我需要显示表单提交后隐藏的内容。提交表单时,我无法显示该代码

 <div class="col-md-offset-8 col-md-4 text-center"><a class="btn btn-primary show" data-fancybox="modal" data-src="#modal" href="javascript:;">View The Technical Specification </a></div>

我无法显示特定的部分

看起来您没有使用正确的选择器,因此未应用自定义选项。应该是这样的:

$('[data-fancybox="modal"]').fancybox({
  afterClose: function () {
    $('#show').show()
  }
});

演示-

当我们提交联系人表单7时,它将从url
http://demo.com/
http://demo.com/#wpc7-fm.
如果fancybox表单
#modal
处于活动状态,则url将更改
http://demo.com/#modal
。一旦表单提交,url将替换为
http://demo.com/#wpc7-fm
在这种情况下,我们的fancybox将消失,因为url
\modal
替换为
\wpc7
`
例如:-

$('[data-fancybox="modal"]').fancybox({
afterClose: function () {
$('#show').show()
}
});
上面的代码只触发
$('#show')。show()

但在提交表格后,上述代码将在这种情况下变为非活动

jQuery(document).ready(function() {
if ( location.hash != 0 && location.hash == '#wpcf7-fm' ){

    $('#show').show();

    }


});

此位置哈希可以激活隐藏内容。

干得好!只有当我关闭我自己的时候它才起作用,当我提交表单时我需要它fancybox会在那一刻关闭
#show
应该起作用。但是问题出在哪里呢?提交表单时只需关闭fancybox。我已经更新了演示。提交表单后,请关闭fancybox,url更改为
http://demo.com/#modal
http://demo.com/#wpc7-fm
所以fancybox将消失,我想再次进入fancybox并关闭。然后它显示,任何一个窗体都应该保留,或者必须关闭“自动”,然后显示隐藏内容。
$('[data-fancybox="modal"]').fancybox({
  afterClose: function () {
    $('#show').show()
  }
});
$('[data-fancybox="modal"]').fancybox({
afterClose: function () {
$('#show').show()
}
});
jQuery(document).ready(function() {
if ( location.hash != 0 && location.hash == '#wpcf7-fm' ){

    $('#show').show();

    }


});