これが私のコードです。
<div class="modal fade" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="myModalLabel">Modal 1</h4>
</div>
<div class="modal-body">
<form role="form" action="#" method="post">
<input type="text" class="form-control" placeholder="Username">
</div>
<div class="modal-footer">
<a href="#myModal2"><button type="button" class="btn btn-primary" >Sign In Now</button></a>
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</form>
</div>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title" id="myModalLabel">Modal 2</h4>
</div>
<div class="modal-body">
<p>Sign In Error</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</form>
</div>
</div>
</div>
ポップアップが開いているid = "myModal1"をクリックすると、ポップアップが開きますが、その中のボタンにアクセスできません。id= "myModal2"をクリックすると、正常に機能します。何が足りないのかわかりませんか?
HTML経由でモーダルを呼び出しています
<a class="select-bt-size" data-toggle="modal" data-target="#myModal1">Model Pop-up</a>
私は理解しました、
$('body').removeClass("modal-open");
$('body').css("padding-right","");
有効なサポートをありがとう
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加