bootstrap modal在alert（）被點擊時確定關閉

當點擊「alert（）」函數顯示的「Ok」按鈕時，Bootstrap模式正在關閉。bootstrap modal在alert（）被點擊時確定關閉

$("#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; 
      } 
     });

雖然，擊中的「Enter」或「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>

我從上模態的事件創建一個警報彈出，但對警報（）彈出窗口的「確定」按鈕點擊後消失。

如何在彈出的警告彈出框中單擊「確定」後阻止關閉模式？

感謝

來源

2017-06-15 Owais

請添加HTML – RahulB

你的模式是關閉的，因爲你對.sendToUser按鈕data-dismiss="modal"屬性。刪除此屬性應該可以防止模式關閉。

來源

2017-06-15 11:36:05

謝謝。有效。 – Owais

很高興幫助。你可能想在你的方法手動關閉模態 - [這裏是一個相關的問題]（https://stackoverflow.com/questions/16493280/close-bootstrap-modal）:) –

您需要刪除.sendToUser元素的屬性data-dismiss="modal"。
如果您需要關閉模式，你只需要添加代碼：

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

來源

2017-06-15 11:43:11

bootstrap modal在alert（）被點擊時確定關閉

回答

相關問題