Php Wordpress中重力形式的Bootstrap模型

我在Wordpress网站上有一个页面，其中有一个引导模式，当点击一个图形时会出现，在该模式中有一个重力表单。第一次加载页面时，模式中的重力表单代码会导致我的一些导航链接无法工作。我很确定，是php代码通过调用重力表单的短代码和引导模式窗口来调用重力表单，因为当我从模式中删除重力表单php代码或删除模式代码并在页面上显示表单时，导航链接可以正常工作

你知道为什么引导模式中的重力表单会导致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>

---

我不完全清楚你所说的导航问题是什么意思。网站上关于导航的一切似乎都很好，所以我猜你已经解决了这一部分

如果没有，并且您提到了提交时模式是如何关闭的，我建议您在短代码中添加一个额外的ajax属性，以便表单保持打开状态。这将确保您的用户知道所有适当的字段都已填写，并给予确认。您还需要删除名称字段；只需确保您在表单ID中有正确的编号。它应该如下所示：

---

有人能帮忙吗？