2つのブートストラップファイルはありませんが、サインインボタンをクリックすると自動的に閉じます(プロデュースのみ私の地元で罰金を)作業ボタンをクリックするとモーダルポップアップが自動的に閉じる
問題:
あなたはここで見ることができます:ここで
https://imgur.com/a/WZgIfはコードです: 私は閉じるボタンの後にフェードのためのスクリプトを追加したクリック
$('#modal-close').click(function(){
$('#loginpop').modal('hide');
$('body').removeClass('modal-open');
$('.modal-backdrop').remove();
});
$('#modal-clear').click(function(){
$('#loginpop').modal('toggle');
$('body').removeClass('modal-open');
$('.modal-backdrop').remove();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<li><a href="" class="roundedCornersButtons" data-toggle="modal" data-target="#loginpop">signin</a></li>
<div class="modal fade" id="loginpop" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<div ng-include="'views/newlogin.html'"></div>
</div>
<div class="modal-footer">
<div class="form-group pull-left">
<a href="/forgotpassword" id="modal-close" >forgotPassword</a>
</div>
<div>
<a href="/register" id="modal-clear">signUp</a>
</div>
</div>
</div>
</div>
</div>
私は 'signin'をクリックしてモーダルを開き、' signup'モーダルをクリックすると閉じます。だから何が問題なの? – Pedram
@pedram何かを入力せずにモードを開いたり閉じたりすると、 – Ajay
あなたの投稿をスニペットで更新しました。ご覧ください。私は何の問題も見ません。 – Pedram