jquery-mobile 页面的两种写法

  <body>
        <div data-role="page">
            <div data-role="header">
                <h1>页面学习</h1>
            </div>
            <div data-role="content" style="background: yellow;">
                <p> 我的页面学习 content</p>
            </div>
            <div data-role="footer">
                <h3>页脚</h3>
            </div>
        </div>
    </body>

在jQuery-mobile1.4时,有了下面的写法;1.4之前用的是上面的写法;

<body>
        <div data-role="page">
            <div data-role="header">
                <h1>页面学习</h1>
            </div>
             <div role="main" class="ui-content" style="background: red;">
                <p>  我的页面学习  role="main"</p>
            </div>
            <div data-role="footer">
                <h3>页脚</h3>
            </div>
        </div>
    </body>


你可能感兴趣的:(jquery,mobile,页面)