2017-06-15 10 views
0

「警告()」機能から表示される「OK」ボタンをクリックすると、ブートストラップモーダルが閉じています。以下は警告()がクリックされたときにブートストラップモーダルが閉じます

$("#expample").modal({ 
    backdrop: 'static', 
    keyboard: false, 
    show: true 
}); 

私のjQueryのです:

$('.sendToUser').on('click', function(){ 
      var selectedLyrics = $('#selectedLyricsInput').val(); 
      if($("input[name='selectUserRadio']").is(":checked") == false){ 
       alert('Please, select a user to send.'); 
       return; 
      } 
     }); 

が、「入力」または、キーボードの「Escキー」はモーダルの外側をクリックし、さらに細かい作業とされて打ちます。モーダルは完璧ではないです。

以下は私のhtmlです:

<div class="modal fade" id="userSelectionModal" tabindex="-1" role="dialog" aria-labelledby="userSelectionModal"> 
    <div class="modal-dialog modal-likes" role="document"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
       <h4 class="modal-title">Select User</h4> 
      </div> 

      <div class="modal-body"> 
       <div style="margin-bottom: 50px;" id="populateUsers"> 

       </div> 
       <input type="hidden" id="selectedLyricsInput" value="" /> 
      </div> 

      <div class="modal-footer"> 
       <button type="button" class="btn btn-success sendToUser" data-dismiss="modal">Send</button> 
       <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
      </div> 
      {{--<i class="fa fa-spinner fa-spin"></i>--}} 
     </div> 
    </div> 
</div> 

私はモーダル上のイベントから警告ポップアップを作成していますが、アラート()ポップアップの「OK」をクリックしたとき、それが消えます。

アラートポップアップで「OK」をクリックした後にモーダルが閉じないようにするにはどうすればよいですか?あなたは.sendToUserボタンのdata-dismiss="modal"属性を持っているので、

おかげ

+0

HTML – RahulB

答えて

0

あなたのモーダルは、閉じています。この属性を削除すると、モーダルが閉じないようにする必要があります。

+0

を追加してください、ありがとうございました。出来た。 – Owais

+0

喜んで助けてください。あなたのメソッドでモーダルを手動で閉じることができます - [これは関連する質問です](https://stackoverflow.com/questions/16493280/close-bootstrap-modal):) –

0

属性data-dismiss="modal".sendToUser要素で削除する必要があります。
あなたはモーダルをクローズする必要がある場合は、あなただけのコードを追加する必要があります。

$('#userSelectionModal').modal('hide') 
関連する問題