Question

我在Wordpress网站上有一个页面，其中一个Bootstrap模式在单击图形时出现，而在模态内部有一个重力形式。首次加载页面时，模态内的重力表单代码会导致我的某些导航链接无法正常工作。我相当肯定它是PHP代码的组合调用重力形式（通过调用它的短代码）和引导模态窗口，因为当我从模态删除重力形式PHP代码或删除模态代码，只是显示页面上的表单导航链接正常工作。

为什么在Bootstrap模式中使用重力形式会导致Wordpress导航不起作用？

以下是包含代码的网站：http://www.stlmaa.com/

这是按钮图形代码：

<img src="<?php bloginfo('template_directory'); ?>/images/questions.png" width="250px" data-toggle="modal" data-target="#myModal" style="cursor: pointer"/>

这是模态代码：

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<h4 class="modal-title" id="myModalLabel" style="color:black">Contact Us!</h4>
</div>
<div class="modal-body" style="color: black; padding-top:-20px">
<?php echo do_shortcode('[gravityform id=1 name=ContactUs title=false description=false]'); ?>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
</div>
</div>
</div>
</div>

Answer 1

我并不完全确定你的意思是＆＃34;导航问题＆＃34;。关于导航，网站上的一切似乎都很好，所以我猜你已经解决了这个问题。

如果没有，并且您提到模式在提交时如何关闭，我建议您在短代码中添加额外的ajax属性，以便表单保持打开状态。这将确保您的用户知道所有相应的字段都已填写，并为其提供确认。你还想删除＆＃34; name＆＃34;领域;只需确保表单ID中包含正确的数字即可。它应该是这样的：

<?php echo do_shortcode('[gravityform id="1" title="false" description="false" ajax="true"]'); ?>

来源：https://www.gravityhelp.com/documentation/article/embedding-a-form/

这会解决您的问题吗？

带有重力形式的Wordpress中的Bootstrap模态

1 个答案: