0
特定のページ上の唯一のモーダルがポップアップするようです。定義されている最初のモーダルは、開いている唯一のモーダルのようです。私がモーダル定義の順序を変更した場合、新しい「最初の」モーダルは動作しますが、他のモーダルは動作しません。なぜこれが当てはまるのかについての手がかりは？ブートストラップモーダルオープニングは1つだけです - 他のものはフェードしますがモーダルは表示されません
モーダル：
MY HTMLページの最後にモーダルを定義<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>
：
<!-- 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>
2のブロックは、次の定義でのモーダルを持っています
<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」タグ付きのモーダルのみがポップアップして開きます。他のモーダルは開かない。なぜかの手がかりは？ありがとう。