我有一个模式弹出窗口,显示页眉和页脚,但不显示正文内容。我知道这可能是多余的,但大多数解决方案要么是css问题,要么是在我没有使用过的div类中使用'hide'属性。 Bootstrap和JavaScript都在布局文件上正确链接。这是一段代码片段:
HTML
<a class="primary-btn text-uppercase" data-toggle="modal" data-target="#registerForTraining" href="#registerForTraining">Register for Training</a>
<!-- Modal -->
<div class="modal fade" id="registerForTraining" tabindex="-1" role="dialog" aria-labelledby="registerForTrainingTitle"
aria-hidden="true" data-backdrop="false">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="registerForTrainingLongTitle">Register for Training</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
...
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Submit</button>
</div>
</div>
</div>
</div>
JS
<script type="text/javascript">$('#registerForTraining').modal('show')</script>
我正在使用Flask因此如果我需要在我想要知道的路线中添加任何东西。请帮我弄清楚我做错了什么。
我认为原因是aria-hidden="true"
,尝试删除属性或将其设置为false
。
<div class="modal fade" id="registerForTraining" tabindex="-1" role="dialog" aria-labelledby="registerForTrainingTitle"
aria-hidden="true" data-backdrop="false">