2017-01-13 6 views
0

ユーザがボタンをクリックしたときにブートストラップパッケージを使用してログインダイアログを表示したいと思っています。サインアップフォームを使用して新しいダイアログに誘導し、以前のログインダイアログを同時に閉じる必要があります。私のコードは次の通りです:ブートストラップのサインアップボタンをクリックした後に前のダイアログを閉じる方法

<button type="button" className="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal">Login</button> 
     <div className="modal fade" id="myModal" role="dialog"> 
     <div className="modal-dialog"> 
     <div className="modal-content"> 
     <div className="modal-header"> 
     <FacebookButton/> 
     <LoginForm/> 
     Need an account? <button type="button" className="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal2" data-dismiss="myModal">Sign up</button> 
      <div className="modal fade" id="myModal2" role="dialog"> 
      <div className="modal-dialog"> 
       <div className="modal-content"> 
       <div className="modal-header"> 

       <RegisterForm/> 
       </div> 
       </div> 
       </div> 
       </div> 

     </div> 
     </div> 
     </div> 
    </div> 

これを達成するために私のコードを変更する必要がありますか?

+0

参照の答えを「モーダル」、私はちょうど= –

+0

@TimmyVonHeissいいえ「モーダル」データ・解任使用してみてください動作しない場合、私が試した、 –

答えて

0

2番目のボタンのdata-dismissでmyModalの前に#記号がないようです。

ことは、データ・解任=

+0

フォンHeissがない働いていません作業 –

+0

モーダルフェードディビジョンが同じdivではなく、別々のものであることを確認してください。 –

+0

どちらもお互いから離れている必要があります。 –

関連する問題