2017-10-31 18 views
2

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>

+1

私は 'signin'をクリックしてモーダルを開き、' signup'モーダルをクリックすると閉じます。だから何が問題なの? – Pedram

+0

@pedram何かを入力せずにモードを開いたり閉じたりすると、 – Ajay

+0

あなたの投稿をスニペットで更新しました。ご覧ください。私は何の問題も見ません。 – Pedram

答えて

0

私はあなたのコードを確認した後2つのブートストラップファイル

を持っていない、私はあなたが二回bootstrapスクリプトが含まれていることに気づきました。 1つはvendor.06e7b6f0.jsであり、もう1つはscripts.1c36a23e.jsです。あなたのモーダルは、第二Bootstrapを削除して再試行してください..あなたはsigninそれちょっとdisplay: noneまたはhide()かなどをクリックして、同時に

を閉じます。

+0

実際のプロジェクトfolder.whenでファイルを見つけることができませんgrunt serveを実行します:distプロジェクトの縮小を含むdistフォルダを作成します。 – Ajay

関連する問題