ブートストラップ4モーダルが適切に閉じていない

Question

これはブートストラップ3で動作していましたが、ブートストラップ4（ベータ版）では動作しませんでした。

モーダル自体が

<div class="modal fade" id="signInModal" tabindex="-1" role="dialog" aria-labelledby="signInModalLabel" aria-hidden="true"> 
    <div class="modal-dialog" role="document"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
     <h5 class="modal-title" id="signInModalLabel">Sign In</h5> 
     <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 
      <span aria-hidden="true">&times;</span> 
     </button> 
     </div> 
     <form class='form-horizontal' role="form" id='signIn'> 
     <div class="modal-body"> 
      <div class="form-group"> 
       <label class="control-label col-2" for="email">Email:</label> 
       <div class="col-10"> 
       <input type="text" class="form-control" name="credentials[email]" placeholder="Enter email" required> 
       </div> 
      </div> 
      <div class="form-group"> 
       <label class="control-label col-2" for="pwd">Password:</label> 
       <div class="col-10"> 
       <input type="password" class="form-control" name="credentials[password]" placeholder="Enter password" required> 
       </div> 
      </div> 
     </div> 
     <div class="modal-footer"> 
      <span class="badLoginAttempt" id="badLoginAttempt"></span> 
      <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button> 
      <button type="submit" class="btn btn-primary">Sign In</button> 
     </div> 
     </form> 
    </div> 
    </div> 
</div> 

次（形式の簡単な記号）のように符号化され、それがブートストラップのナビゲーションバーにあるリンクで開かれていますが

<a class="nav-link" data-toggle="modal" href="#signInModal">Sign In</a> 

それは罰金開き、却下することができます問題はありません。問題は私がそれを提出するときです。 最初に私はそれが何も起こらない障害が発生した場合は、AJAXリクエストを実行し、それが成功したとき、モーダルを使用して隠されている：ブートストラップ3で正常に動作するが、今背景が離れて行くのではありません使用

$('#signInModal').modal('hide') 

とリフレッシュするまで他のことをしないようにしてくれます。私はトグルしましたが、変化はありませんでした。

私は、背景の問題を取り除くモーダルに

data-backdrop="false" 

を追加しようとしたが、その後、私はもはや、単にそれを却下するモーダルウィンドウの外側をクリックしないことができる新しい問題を取得します。それはまた視覚的にいっそう悪化する。

また、おそらく最初の問題に関連する2番目の問題は、手動でモーダルを非表示にした後、サインインボタンがもう開いていないことです。私がそれをクリックすると、最高の束が画面上で点滅して消えてしまいます。

なぜブートストラップ3から4に切り替えるのが本当に混乱しているのですか。 私はドキュメントに従っており、できるだけ正確に物事を呼び出すべき方法を示しています。

Answer 1

これとしばらく戦った後、ウェブパックの設定にまだブートストラップ・サスを使用していた残りの部分が含まれていたことがわかりました。だから私は基本的にブートストラップ3と4の両方を同時に持っていたので、ほとんどすべてが発生しました。ブートストラップ・サスを完全に除去した後、フォームが正しく機能するようになりました。