如何防止模式出现在页面加载时使用背景：'静态'

Question

我有一个对话框，只要我点击一个复选框，它就会出现。但点击外部或按退出键时不应消失。所以我在 jquery 中使用了 background='static' , keyboard='false' 。 但是每当我加载或刷新页面时都会出现此对话框。

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

<div class="container">
    <div class="modal fade" id="storeStatusDialog" role="dialog" >
        <div class="modal-dialog armanlast">
            <div class="modal-content">
                <div class="modal-header">
                    <div class="close-icon-wrap">
                        <a class="modal-close-icon" href="#" data-dismiss="modal">×</a>
                    </div>
                </div>
                
                <div class="modal-body">
                    <h1 class="modal-title1">Deactivate Store</h1>
                    <p class="deactivate-p"></p>
                </div>
                
                <div class="modal-footer">
                    <button type="button" id="noDeactivate" data-dismiss="modal" class="btn btn-default cancel-confirm1 btn-approval1" onclick="statusOnAgain()">Cancel</button>
                    <button type="button" id="yesDeactivate" class="btn btn-default confirm-complete1 btn-approval1"><span style="horizontal-align:middle">Yes</span></button>
                </div>
            </div>
        </div>
    </div>
</div>

请告诉我一种防止页面加载时出现对话框的方法。 非常感谢。

Answer 1

HTML：

<div class="container">
  <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#storeStatusDialog">
    Launch
  </button>

  <div class="modal fade" id="storeStatusDialog" role="dialog">
    <div class="modal-dialog armanlast">
      <div class="modal-content">
        <div class="modal-header">
          <div class="close-icon-wrap">
          <a class="modal-close-icon" href="#" data-dismiss="modal">×</a>
          </div>
        </div>

        <div class="modal-body">
          <h1 class="modal-title1">Deactivate Store</h1>
          <p class="deactivate-p"></p>
        </div>

        <div class="modal-footer">
          <button type="button" id="noDeactivate" data-dismiss="modal" class="btn btn-default cancel-confirm1 btn-approval1" onclick="statusOnAgain()">Cancel</button>
          <button type="button" id="yesDeactivate" class="btn btn-default confirm-complete1 btn-approval1"><span style="horizontal-align:middle">Yes</span>
          </button>
        </div>
      </div>
    </div>
  </div>
</div>

Js：

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

片段：

http://codepen.io/anon/pen/dpEjxK