第一个JQM HelloWord

JadonYuen

于 2015-09-04 15:41:28 发布

阅读量465

点赞数

CC 4.0 BY-SA版权

分类专栏： Html5

本文链接：https://blog.youkuaiyun.com/rcjjian/article/details/48209529

Html5 专栏收录该内容

3 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

第一个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>