Php 如何使用Wordpress contant form 7和fancybox在发送或fancybox关闭时显示特定部分
我对wp联系人表格7和花式盒子有问题。我需要显示表单提交后隐藏的内容。提交表单时,我无法显示该代码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
<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();
}
});