加载消息

loadingMessage.html

//设置自定义加载信息 默认为loading
$.mobile.loadingMessage="页面正在加载中";
//如果将该属性设置为true，则表示任何情况下加载消息均会被显示
$.mobile.loadingMessageTextVisible=true;
//设置加载消息呈现风格，默认风格为a
$.mobile.loadingMessageTheme="d";
//当通过Ajax加载页面发生错误时呈现的页面加载错误消息，默认值为Error Loading Page
$.mobile.pageLoadErrorMessage="页面加载错误";
//设置加载错误消息的呈现风格，默认风格为a，标识淡黄色背景的消息框
$.mobile.pageLoadErrorMessageTheme="d";

显示自定义消息框 $.mobile.showPageLoadingMsg()  

Theme 加载消息界面呈现风格，默认为a

msgText 加载消息显示文字

textonly 如果为true，则显示文字，否则只显示图标

 

关闭消息框  $.mobile.hidePageLoadingMsg()  

 

 

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <title>加载消息</title> 
    <link rel="stylesheet" href="jquery.mobile-1.3.1/jquery.mobile-1.3.1.min.css" />
    <script src="js/jquery-1.7.1.min.js"></script>
    <script type="text/javascript">
        $(document).bind("mobileinit",function(){
            //设置自定义加载信息 默认为loading
            $.mobile.loadingMessage="页面正在加载中";
            //如果将该属性设置为true，则表示任何情况下加载消息均会被显示
            $.mobile.loadingMessageTextVisible=true;
            //设置加载消息呈现风格，默认风格为a
            $.mobile.loadingMessageTheme="d";
            //当通过Ajax加载页面发生错误时呈现的页面加载错误消息，默认值为Error Loading Page
            $.mobile.pageLoadErrorMessage="页面加载错误";
            //设置加载错误消息的呈现风格，默认风格为a，标识淡黄色背景的消息框
            $.mobile.pageLoadErrorMessageTheme="d";
            });
    </script>
    <script src="jquery.mobile-1.3.1/jquery.mobile-1.3.1.min.js"></script>
</head>

<body>
    <section id="page1" data-role="page">
        <header data-role="header">
            <h1>加载消息</h1>
        </header>
        <div data-role="content">
            <p><a href="getParameter2.html">获取参数页面</a></p>
            <h2>$.mobile.showPageLoadingMsg()</h2>
            <p>Theme 加载消息界面呈现风格，默认为a</p>
            <p>msgText 加载消息显示文字</p>
            <p>textonly 如果为true，则显示文字，否则只显示图标</p>
            <p><a href="#" onClick="$.mobile.showPageLoadingMsg('d','努力加载中',false);">显示自定义消息框</a></p>
            <h2>$.mobile.hidePageLoadingMsg()</h2>
            <p><a href="#" onClick="$.mobile.hidePageLoadingMsg();">关闭消息框</a></p>
        </div>
    </section>
</body>
</html>

 

posted @ 2014-07-03 00:05  linyongqin  阅读(206)  评论(0)  编辑  收藏  举报