第一个JQM HelloWord

最新推荐文章于 2017-12-28 14:06:38 发布

原创最新推荐文章于 2017-12-28 14:06:38 发布 · 475 阅读

0 ·

CC 4.0 BY-SA版权

Html5 专栏收录该内容

3 篇文章

订阅专栏

本文将引导您从基础知识开始，逐步了解如何使用JQueryMobile创建首个应用，包括引入依赖库、HTML结构设置及基本页面布局，让您轻松上手移动应用开发。

第一个JQM （JQuery Mobile）

Jquery Mobile 作为 Jquery的儿子，因此先引入Jquery.js 后引入 JQueryMobile.js

注意一定是，在使用<script>标签引入外部js 不能使用<script/>闭合标签，否则JQueryMobile失效

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1"/>
    <title>JQM应用</title>
    <link rel="stylesheet" href="static/css/jquery.mobile-1.4.5.min.css"/>
    <script src="static/js/jquery-2.1.4.min.js"></script>
    <script src="static/js/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>
    <div data-role="page" id="id">
        <div data-role="header">
            <h1>第一个JQM应用</h1>
        </div>
    </div>
</body>
</html>