jQuery mobile

开发者福利!热门AI工具限时免费用 购周边即赠Coding Plan Lite,Claude Code、Cursor等20+工具畅享,效率翻倍! 阅读详情

一、data-XXX

  1. data-role

    data-role="page"  整个页面
    data-role="header"  头部
    data-role="content"  内容
    data-role="footer"  尾部
  2. data-position

    data-position="fixed" 固定头部和底部
  3. data-transition 页面的跳转动画
  4. data-ajax 页面跳转是否使用Ajax载入,默认为true
  5. data-prefetch 页面是否启用预加载特性,默认为false

二、方法

  1. jQuery.event.special.orientationchange.orientation() 获取设备的方向
  2. $.mobile.ajaxEnable = false; 所有链接默认都不是用Ajax加载,除非你把某个a元素的data-ajax属性设置为true
  3. $.mobile.changePage(跳转页面, 参数) 跳转页面
  4. $.mobile.activePage 能够知道jQuery Mobile正在显示哪个页

三、事件

  1. jQuery mobile 生成页面后调用 $(document).bind('pageinit', function () {内容});
  2. 设备屏幕方向改变后调用 $(window).bind('orientationchange', function(event){内容});
  3. mobile初始化完成后执行,用来修改mobile的默认值 $(document).bind('mobileinit', function(){内容});
jquery.mobile css html5 开发 jquery.mobile.theme-1.4.5.min.css 样式表 立即下载

相关推荐

JQueryMobile js/css/1.2版本/1.4版本

JQueryMobile1.4.5.min.js JQueryMobile1.4.5.min.css JQueryMobile1.2全套资源

jQuery Mobile CSS

jQuery Mobile CSSjQuery CSSjQuery Mobile CSS 类来设置不同元素的样式。 以下列表包含了通用的 CSS 样式: 全局类 以下类可以在 jQuery Mobile 小工具中使用 (按钮,工具条,面板,表格,列表等。): Class 描述 ui-corner-all 为元素添加圆角 ui-shadow 为元素添加阴影 ui-overlay-shadow 为元素添加多层阴影 ui-mini 让元素变小 按钮类 除了全局类外,你可以向 或 元素添加以下类 (不是 按钮): Class 描述 ui-bt

《HTML5+CSS3+jQuery Mobile轻松构造APP与移动网站》源码

本书以HTML与CSS为主,配合jQuery制作网页,并搭配jQuery Mobile制作移动网页,通过具体的范例从基础到高级循序渐进地讲解。全书首先介绍了HTML5网页开发和CSS网页美化,只要按本书的顺序学习,就能够轻松掌握网页制作的方法;还介绍了目前热门的移动设备网页技术,读者无须学习复杂的程序,就能够轻松创建移动设备的网页;最后通过两个移动设备网页制作实例让读者进行实战练习,以加深理解。 本书是网页制作入门初学者的最佳工具书,同时也适合教师作为相关课程的教材使用。

手把手教你用jQuery Mobile做相册

【一、项目背景】 jQuery是当前很流行的一个JavaScript框架,使用类似于CSS的选择器,可以方便的操作HTML元素,拥有很好的可扩展性,拥有不少jQuery插件,也可对个方面进行插件开发。jQuery可以快速找到文档中的html元素,并对其进行操作,如隐藏、显示、改变样式...... 【二、项目准备】 1. 下载 jQuery Mobile 如果你想将 jQuery Mobile 放于你的主机中,你可以从下面这个网站下载该文件。 jQuerymobile.com 2. 在你的网页中添加 jQue

pdcfighting的博客 977

JqueryMobile使用心得(4)动态添加元素css丢失的终极解决办法

Jquerymoblie的使用过程中,动态添加元素后css丢失。       这个问题在之前JqueryMobile使用心得(3)中我已经说明了其原因(因为页面标签首先经过jquery.mobile-1.0a2.min.js的处理,添加了许多标签,然后再用css布局),并且给出了一种解决方法:动态加载jquery.mobile-1.0a2.min.js。       但是经过测试,上面这种方

tianyitianyi1的专栏 3904

jQuery Mobile的按钮css样式的类定义

类名 所属标签层级 含义 其他说明 ui-btn 1级,最外层 按钮公共样式,如手形,文字居中,块状显示等   ui-btn-inline 1级,最外层 当按钮或类按钮设置data-inline="true"是生成样式,是按钮等inline-block化 适用于下拉等其他控件 ui-btn-corner

jlx1986的专栏 2874

jquery mobile_jQuery Mobile课程1

jquery mobileIn a new series of articles, we will talk about jQuery Mobile framework, which easily allows you to create responsive mobile websites. 在一系列新文章中,我们将讨论jQuery Mobile框架,该框架可轻松使您创建响应式移动网站。 ...

cuken7684698822的博客 476

什么是jQuery Mobile ?,怎么用jQuery Mobile

jQuery Mobile是一款基于jQuery的移动端UI框架,用于构建跨平台移动网页应用(支持触控优化和响应式布局)。需要注意的是,该框架已于2021年停止维护,最新版本为1.4.5,建议仅用于学习或旧系统维护。教程涵盖基础使用(包括页面结构、多页面模板、按钮/列表表单等组件)、主题样式、事件处理、页面切换效果以及响应式网格等内容,并附有完整示例代码。虽然jQuery Mobile已被现代框架取代,但了解其原理对理解移动Web开发仍有帮助。

m0_57545130的博客 789

jQuery Mobile 弹窗

弹窗是一个非常流行的对话框,弹窗可以覆盖在页面上展示。弹窗可用于显示一段文本,图片,地图或其他内容。创建一个弹窗,需要使用 <a> 和 <div> 元素。在 <a> 元素上添加 data-rel="popup" 属性, <div> 元素添加 data-role="popup" 属性。接着我们为 <div> 指定 id, 然后设置 <a> 的 href 值为 <div> 指定的 id。<div> 中的内容为弹窗显示的内容。<div> 弹窗与点击的 <a> 链接必须在同一个页面上。

Jellyken的博客 1769

jQuery mobile从入门到放弃

之前只知道jquery有个专门做移动端的插件,今天做移动端项目的时候了解了下它的事件,简单实用,触摸滑动基本都有,因为之前小组默认都是jQuery来写代码来着,所以从官网下载出来准备直接开动,但一直到从中午到晚上,他让我感觉到越来越绝望,现在,我想把我遇到的问题写出来,大家可以参考一下 问题1:我在两个官网分别下载最新的插件,jquery.mobile-1.4.5.min.js与jquery

Dorui的博客 1万+

jQuery mobile ——制作表单

请运用jQuery mobile功能,将以下关于问卷调查的表单(Form)页面完成,请注意网页版面的调整,使得手机画面能够工整与美观。请同学完成此网页内容与相应所需的java script。

qq_45935715的博客 2314

jquery mobile 应用案例

&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no" name=&

GS2016的博客 8720

jQuery Mobile 安装

- meta使用viewport以确保页面可自由缩放 -->-- meta使用viewport以确保页面可自由缩放 -->如果你想将 jQuery Mobile 放于你的主机中,你可以从。-- 引入 jQuery Mobile 样式 -->-- 引入 jQuery Mobile 样式 -->-- 引入 jQuery Mobile 库 -->-- 引入 jQuery Mobile 库 -->-- 引入 jQuery 库 -->-- 引入 jQuery 库 -->将下载的文件放置于与网页同一目录下。

Jellyken的博客 2309

JQuery Mobile移动应用开发实战】JQuery Mobile基础——JQuery Mobile的高级特性

jQuery Mobile移动应用开发实战》学习笔记

lht964249279的博客 1459

Jquery mobile】tab功能的实现

目前有两种简单的实现方式: 一,jquery mobile 的实现 jquery的tab的实现是通过在各自页面的footer添加tab项实现的,如下: 实现代码如下:   Friends Albums Emails 二,还有一个开源js: https://github.com/groovetrain/jQuery.mobile-Tabs 有例子,

开发简记 2万+

jQuery Mobile手机网站案例

jQuery Mobile手机网站案例 一、总结 一句话总结:jQuery Mobile是纯手机框架,和amazeui和bootstrap都可以做手机网站。 1、另一款文本编辑器? jd编辑器     二、jQuery Mobile手机网站案例     1、index.php 1 &lt;?php 2 include 'common/config....

weixin_33859665的博客 4688

jQuery Mobile 表格

jQuery Mobile 表格组件提供两种响应式布局方案: Reflow模式(推荐) - 小屏自动堆叠为卡片式布局,适合4列以内的数据展示 Column Toggle模式 - 通过按钮切换显示/隐藏列,适合列数较多的场景 关键特性: 自动适配移动端 支持主题样式 可动态刷新数据 提供优先级控制(data-priority) 使用要点: 必须添加data-role="table"和class="ui-responsive" 列数控制在4列以内为佳 重要数据列可设置高优

likuoelie的博客 996
上一篇: Cordava 基础
下一篇: CROS代理跨域
css_styles
博客等级 码龄12年 4粉丝 61原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值