手机屏幕显示“正在加载”

Question

当用户旋转手机并将图像调整为屏幕尺寸时，我试图更改图像。

我想出了这段代码：

<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>

 $(function () {

            setInterval(function () {
                checkMobilePosition();
            }, 1500);
        });


        function checkMobilePosition() {

            var height = getRealContentHeight();

            if (Math.abs(window.orientation) == 90) { // horizontal

                $(".aa").html(" <img src='Files/horizontal.jpg'  style='height:" + height + "px; width:100%;' />  ");

            }
            else { // vertical
                $(".aa").html(" <img src='Files/vertical.jpg'  style='height:" + height + "px; width:100%;' />  ");
            }
        }


        function getRealContentHeight() {

            var header = $.mobile.activePage.find("div[data-role='header']:visible");
            var footer = $.mobile.activePage.find("div[data-role='footer']:visible");
            var content = $.mobile.activePage.find("div[data-role='content']:visible:visible");
            var viewport_height = $(window).height();
            var content_height = viewport_height - header.outerHeight() - footer.outerHeight();
            if ((content.outerHeight() - header.outerHeight() - footer.outerHeight()) <= viewport_height) {
                content_height -= (content.outerHeight() - content.height());
            }

            return content_height;
        }

我不确定这段代码是否是正确的方法，但它有效。

无论如何，问题是＆＃34; loading＆＃34;我在页面底部隐藏的文字，它来自mobile-1.3.2.min.js脚本。

我试图使用：

 $.mobile.loading( "hide" );

但这不起作用。