0
似乎只弹出给定页面上的一个模式。定义的第一个模式似乎是唯一打开的模式。如果我改变了模态定义的顺序,那么新的“第一”模式可以工作,但其他模式不能。任何线索,为什么这是这种情况?只有一个引导模式打开 - 其他模式打开 - 其他模式不显示
的模态:
<div class="flextable table-actions">
<div class="flextable-item" style="padding-right:5px;">
<div class="btn-toolbar-item input-with-icon">
<button type="button" class="btn btn-xs btn-primary-outline" data-target="#addBudgetOriginal" data-toggle="modal">Original Budget</button>
</div>
</div>
<div class="flextable-item" style="padding-right:5px;">
<div class="btn-toolbar-item input-with-icon">
<button type="button" class="btn btn-xs btn-primary-outline" data-target="#myModal" data-toggle="modal">Approved Budget Change</button>
</div>
</div>
<div class="flextable-item" style="padding-right:5px;">
<div class="btn-toolbar-item input-with-icon">
<button type="button" class="btn btn-xs btn-primary-outline" data-target="#addBudget" data-toggle="modal">Budget Reallocation</button>
</div>
</div>
<div class="flextable-item flextable-primary">
<div class="btn-toolbar-item input-with-icon">
<button type="button" class="btn btn-xs btn-primary-outline" data-target="#addBudget" data-toggle="modal">Pending Budget Reduction</button>
</div>
</div>
限定模态AT MY HTML页面的底部:
<!-- Modal for Add Budget Transaction -->
{% include 'modals/add_budget_modal - addBudgetOriginal.html' %}
{% include 'modals/add_budget_modal - addBudge.html' %}
<!-- Trigger the modal with a button -->
<button type="button" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Open Modal</button>
<!-- Modal -->
<div id="myModal" class="modal" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title">Modal Header</h4>
</div>
<div class="modal-body">
<p>Some text in the modal.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
两个包括块具有与以下定义模态:
<div id="addBudgetOriginal" class="modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
AND
<div id="addBudget" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
在这个例子中,只有带有“#addBudgetOriginal”标签的模式才会弹出并打开,因为这个模式是首先定义的。其他模态不会打开。任何线索为什么?谢谢。