twitter-bootstrap - 如何避免在 Bootstrap 中关闭模式

Question

我有以下 bootstrap 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>

如何避免通过单击外部来关闭它(请注意，我从模式中删除了关闭按钮)

Answer 1

使用 data-backdrop="static"属性进行点击，并使用 data-keyboard="false"阻止模态框按钮上的 esc 键 html 示例代码为“div id="idModal"class="modal隐藏“data-backdrop =“static”data-keyboard =“false”