同じページに複数のモーダルがあります。
例:ページに次のように2つのボタンが定義されています。
モーダル1のボタン:
<i class="fa fa-info-circle" data-toggle="modal" data-target="#firstModal"> First Modal </i>
モーダル2のボタン:
<i class="fa fa-info-circle" data-toggle="modal" data-target="#secondModal"> Second Modal </i>
ページ下部の本文内のMODALS(フォームタグ内でも機能しません)
<!-- Modal defined first -->
<div class="modal fade" id="firstModal" tabindex="-1" role="dialog"
aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<form>
<div class="modal-content">
<div class="modal-header modal-lg">Header</div>
<div class="modal-body">
body
<div class="modal-footer">footer</div>
</div>
</div>
</form>
</div>
</div>
<!-- Modal defined second -->
<div class="modal fade" id="secondModal" tabindex="-1" role="dialog"
aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg" role="document">
<form>
<div class="modal-content">
<div class="modal-header modal-lg">Header</div>
<div class="modal-body">
body
<div class="modal-footer">footer</div>
</div>
</div>
</form>
</div>
</div>
問題文:コードだけで罰金作品の上に与えられた、しかしそれは私に最初に定義された唯一のモーダルを示しています。現在、#secondModalのみが機能するよりも#firstModalの上に#secondModalを定義すると、#firstModalのみが表示されます。
モーダルが2番目に定義された理由を説明してください。画面を暗くして、モーダルを表示しません。ありがとうございます。
Just Create a function on click: ( in angular)
<button ng-click="openOne()"></button>
<button ng-click="openTwo()"></button>
$scope.openOne= funtion(){
$("#yourModal1Name").modal('show');
}
$scope.openTwo= funtion(){
$("#yourModal2Name").modal('show');
}
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加