js页面遮蔽层

<script type="text/javascript">
var myApp;
    myApp = myApp || (function () {
                var pleaseWaitDiv = $('<div class="modal hide" id="pleaseWaitDialog" data-backdrop="static" data-keyboard="false"><div class="modal-header"><h1>请稍后.............</h1></div><div class="modal-body"><div class="progress progress-striped active"><div class="bar" style="width: 100%;"></div></div></div></div>');
                return {
                    showPleaseWait: function() {
                        pleaseWaitDiv.modal();
                    },
                    hidePleaseWait: function () {
                        pleaseWaitDiv.modal('hide');
                    },

                };
            })();
            
    //myApp.showPleaseWait();  显示遮蔽层
    //myApp.hidePleaseWait();  隐藏遮蔽层

</script>