jquery-mobile 頁面的兩種寫法

時間 2019-11-17

原文原文鏈接

  <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以前用的是上面的寫法；html

<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>

相關標籤/搜索