JquerryMobile的學習筆記1

                    好吧,開始學習JquerryMobile了,本人沒有Html5和Jquerry的基礎有點吃力,不過慢慢學會用別人的庫也是一種快速學習的方法哦。

                    Jqm使用首先要寫HelloWorld哦:

                

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="css/jquery.mobile-1.2.0.min.css" />
        <script src="js/jquery.js">
        </script>
        <script src="js/jquery.mobile-1.2.0.min.js">
        </script>
    </head>
    <body>
       <!--page-->
        <div data-role="page" id="foo">
            <div data-role="header">
                <h1>登錄</h1>
            </div>
            <!-- /header -->
            <div data-role="content" >
                <div >
                					
					用戶名	<input type="text" >dd</>
                </div>
            </div>
            <!-- /content -->
            <div data-role="footer" data-position="fixed">
                <h4>Page Footer</h4>
            </div>
            <!-- /header -->
        </div>
		
       
    </body>
</html>
這裏面一個的大家要看好了:

 

   關鍵在下面我們要先是一個頁面我們用到好多的div了:

                        

        <div data-role="page" id="foo">
            <div data-role="header">
                <h1>登錄</h1>
            </div>
            <!-- /header -->
            <div data-role="content" >
                <div >
                					
					用戶名	<input type="text" >dd</>
                </div>
            </div>
            <!-- /content -->
            <div data-role="footer" data-position="fixed">
                <h4>Page Footer</h4>
            </div>
            <!-- /header -->
        </div>
我們會看到page下(date-role)下有header,content還有footer。

這個我們不必要考慮中文亂碼,我現在還沒遇到過亂碼的情況

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章