jquerymobile教程:[1]helloworld

 时间:2026-02-17 22:44:15

1、选择一款合适的IDE,如:Dreamweaver CS6、Visual Studio、Myeclipse2014等

这里笔者使用Myeclipse2014举例

    <script type="text/javascript" src="./js/jquery-1.8.3.js"></script>

    <script type="text/javascript" src="./js/jquery.mobile-1.3.0.js"></script>

    <link rel="stylesheet" href="css/style.css" />

</head>

<body>

    <div data-role="page">

        <div data-role="header" >

   脾敏胳         <h1>Single-Page Application </h1>

        </div><!-- /header -->

        <div data-role="content" >

            <h1>Hello World</h1>

        </div><!-- /content -->

        <div data-role="footer" data-position="fixed" >

     爬激       <h4>Footer content</h4>

        </div><!-- /footer -->

    </div><!-- /page -->

<救购/body>

</html>

6、选中工程,右击-》run as-》Mobile Web Simulator Application-》选择android启动

jquerymobile教程:[1]helloworld

jquerymobile教程:[1]helloworld

7、查看模拟器效果,如图

jquerymobile教程:[1]helloworld

  • jQuery Mobile 教程:主题
  • jQuery Mobile教程: 网格
  • jQuery Mobile 教程:按钮图标
  • Dreamweaver怎样创建jQueryMobile页面
  • 使用Opera Mobile Emulator调试jQuery Mobile
  • 热门搜索
    白菜猪肉饺子馅的做法 打印机墨盒怎么加墨 大黄花鱼的做法 鸡中翅的家常做法 番茄鸡蛋汤的做法 冬笋的做法大全 低压高怎么办 奥克斯空调怎么样 梭怎么读 梓怎么读