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>