jquerymobile的helloworld

现在项目需要用jquerymobile做手机版,开发过程中都是边用边学,下班没什么事,就系统学习一下jquerymobile,顺便把学习过程记录一下。 编写jquerymobile代码时,需要先在官网上下载jquerymobile的整个压缩包,其中对于开发有作用的只有三个文件,其中分别是:jquery.min.js、jquery.mobile-1.4.5.min.css、jquery.mobile-1.4.5.min.js。helloworld的具体源码如下:

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>hello jquerymobile</title>
    <link rel="stylesheet" href="css/jquery.mobile-1.4.5.min.css"/>
    <script src="js/jquery.min.js"></script>
    <script src="js/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>
<div data-role="page">
    <div data-role="header"><h3>标题</h3></div>
    <div data-role="content"><p>正文内容</p></div>
    <div data-role="footer"><h3>页脚</h3></div>
</div>
</body>
</html>
时间: 2024-12-05 23:51:57

jquerymobile的helloworld的相关文章

【jQueryMobile】Helloworld而页面切换

jQuery Mobile它是jQuery 在手机和平板设备的版本号. jQuery Mobile 它不仅会带来重大的移动平台jQuery核心库,而且会发布一个完整统一jQuery搬家UI相框.全球主流的移动平台.就是可以迅速能把页面写成APP的界面,让用户浏览网页.相当于在使用布局好的app一样. 首先要在jQueryMobile(点击打开链接)下载一个压缩包,然后把这个压缩包的全部内容拉到你的网站目录,尽管在网页不过引用jquery.mobile-1.4.5.js与jquery.mobile

【jQueryMobile】Helloworld与页面切换

jQuery Mobile是jQuery 在手机上和平板设备上的版本.jQuery Mobile 不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架.支持全球主流的移动平台.就是能够迅速能把页面写成APP的界面,让用户浏览网页,相当于在使用布局好的app一样. 首先要在jQueryMobile(点击打开链接)下载一个压缩包,然后把这个压缩包的所有内容拉到你的站点文件夹,虽然在网页仅仅是引用jquery.mobile-1.4.5.js与jquery.mob

【jQueryMobile】使用jQueryMobile实现滑动翻页的效果

滑动手势在移动设备是很流行的,在移动设备中滑动翻页中很常见 虽然这个功能可以在jQueryMobile中实现,但是个人与之前写的<[jQuery]论手机浏览器中拖拽动作的艰难性>(点击打开链接)中的观点一直,由于这是在手机浏览器中浏览,而不是安卓的一个独立APP,所以不要经常除点击以外的移动设备手势,以免跟手机浏览器与手机系统本身的手势发生冲突. 那么,使用jQueryMobile实现滑动翻页的效果到底怎么做呢? 一.基本目标 在手机浏览器中的jQueryMobile框架页中现实滑动手势翻页的

【jQueryMobile】窗体长内容的缺陷与解决方法

上次笔者写的文章<[jQueryMobile]Helloworld与页面切换>(点击打开链接)没有考虑到窗体中放置长内容的状况 一旦窗体中出现长内容,使用笔者那种固定header与footer的全屏布局是存在缺陷的, 如图所示,长内容最后的内容,直到滚动条拉到最底部也无法穷尽, 而且很有可能的是,虽然现在这个地方的内容是显示为半透明,但往往这个位置是一些提交按钮什么的, 用户根本就没法点, 因此,需要进行改进,把原来的代码: <!DOCTYPE html PUBLIC "-//

【Ratchet】Ratchet2.0.2的下载、配置与Helloworld

Ratchet这东西经常被人诟病,说其组件不够多,很多东西需要自己写,但是这也正是它的优势,因为它是完全基于基本的HTML与javascript,你可以在移动端利用最基本的HTML写出自己的想要的东西,说其长久不更新,也是其优势,主要是稳定.如果你需要搭建一个轻便的移动端网站,那么可以考虑使用Ratchet2.0.2,这东西在界面上,可以取代复杂的jQueryMobile,<[jQueryMobile]Helloworld与页面切换>(点击打开链接).同时最关键的一点,又没有人要求你仅用一种框

Java小白入门学习笔记demo1输出helloworld

public class Hello{//公共   类     类名  public static void main(String[] args){ //     公共   静态  无返回值 主方法(字符串[] 参数)   System.out.println("helloworld"); //   系统.输出.打印换行(输出内容); // 输出语句,首字母必须大写,println为输出内容后自动换行,print输出内容不换行 }}

SpringBoot学习helloworld

这几天开始学习springBoot记录一下(Hello World) pom.xml 1 <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 2 xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.o

Egret 学习之 从HelloWorld项目开始 (二)

1,创建新项目HelloWorld ,可以在界面上点击文件->新建,也可以在命令行使用create: 2,src 目录,存放我们的代码.我们编写的代码都放在src目录下面. bin-debug 目录,项目编译和运行的debug目录,一般我们不要修改该目录下的内容. libs 目录,这里面存放我们的库文件,包括 Egret 核心库和其他扩展库.当然以后添加了第三方库的话也会放在这里. resource 目录,这里放置我们的资源文件,这里面有一个default.res.json 配置文件,用来配置资

HelloWorld 模块

helloworld.c 代码 1 #include <linux/init.h> 2 #include <linux/module.h> 3 4 MODULE_LICENSE("Dual BSD/GPL"); 5 6 static int hello_init(void) 7 { 8 printk(KERN_ALERT "Hello world\n"); 9 return 0; 10 } 11 12 static void hello_ex