如何避免在引導關閉模式

我有以下的自舉3模式如何避免在引導關閉模式

<!-- SignUp Modal --> 
<div style="display: none;" class="modal fade" id="signUpModal" tabindex="-1" role="dialog" aria-labelledby="signUpModalLabel" aria-hidden="true"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
      <div class="modal-header"> 
       <h4 class="modal-title" id="signUpModalLabel">Sign up</h4> 
      </div> 
      <div class="modal-body"> 
       <input type="email" name="newsletter_email" value="" placeholder="Please insert email..." required> 
      </div> 
      <div class="modal-footer"> 
       <input type="submit" name="submit" value="Submit" class="button" /> 
      </div> 
     </div> 
    </div> 
</div> 
<!-- /.SignUp Modal --> 

<script type="text/javascript"> 
$(document).ready(function(){ 
    $("#signUpModal").modal("show"); 
}); 
</script>

我怎樣才能避免它被點擊它之外（請不是我刪除從模式中的關閉按鈕）關閉

來源

2016-04-25 Bogdan

看看這個http://stackoverflow.com/a/22208662/4790490 – Hearty

@熱心 - 感謝您的鏈接 – Bogdan

隨時歡迎！ :) – Hearty

使用data-backdrop =「static」屬性用於點擊並使用data-keyboard =「false」來阻止模式框按鈕上的esc鍵html示例代碼爲「div id =」idModal「class =」modal hide 「data-backdrop =」static「data-keyboard =」false「

來源

2016-04-25 12:27:58

@ feroz-siddiqui的答案有效，但我找到了另一種方法來達到同樣的結果。

$('#signUpModal').on('hide.bs.modal', function (event) { 
    event.preventDefault(); 
});

來源

2016-04-25 13:00:32 Bogdan

你可以試試這個：

$('#myModal').modal({ 
    backdrop: 'static', 
    keyboard: false 
})

背景： '靜態'：手段不關閉上點擊模式

鍵盤：假：按Esc鍵韓元不會隱藏模式

您可以看到模式選項的引導使用這裏：http://getbootstrap.com/javascript/#modals-options

來源

2017-04-13 02:57:26

如何避免在引導關閉模式

回答

相關問題