HTML页面上的模态弹出：正在加载

Question

我需要在加载页面上显示模式弹出窗口。该页面是html。我怎样才能做到这一点 。

我已经尝试过一个代码，但是没有用

<!-- Ad MODAL -->
    <div id="ad_modal" class="modal fade show" role="dialog">
      <div class="modal-dialog">

        <!-- Modal content-->
        <div class="modal-content">

            <div class="modal-body">
                <button type="button" class="close" data-dismiss="modal" style="color:#900;opacity: 5;">&times;</button>
                <p><img src="image/adbanner.png" style="width:100%;"></p>
            </div>
        </div>

      </div>
    </div>
    <!-- Ad MODAL //-->

 <script>
     $(document).ready(function() {
        $('#ad_modal').modal('show');
    });
     </script>