jquerymobile引用多个page

最新推荐文章于 2021-03-25 09:02:44 发布
原创 最新推荐文章于 2021-03-25 09:02:44 发布 · 791 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#jquerymobile #web

本文介绍在使用jQuery Mobile框架时如何处理多个页面的加载问题。默认情况下，仅首个页面可见，可通过JavaScript切换页面或设置默认展示页面。

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

jquerymobile引用多个page，js不做改变的话默认显示第一个page

 <jsp:include page="/control/web/orderdetail/orderdetail.jsp" />
 <jsp:include page="/control/web/flightDetail/orderFlightDetailPage.jsp" />


引用这两个时，默认只出现/control/web/orderdetail/orderdetail.jsp，可以用

$.mobile.changePage("#orderFlightDetailPageID");切换页面


当然也可以用Js指定默认显示的一个,通过下面的ID指定:

$(document).on('pageinit', '#id', function () { function(){}  });

jquerymobile入门（文件引用+多页面）
demographic2017的博客
03-24 147
一：文件引用： <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a4.1/jquery.mobile-1.0a4.1.min.css">...
jquery mobile 响应式布局样式引用方法
369540808
09-26 289
清单 2. 使用媒体查询来交付特定于设备的 CSS @media all and (min-width: 800px) { #nav { width: 300px; } } @media all and (max-width: 799px) { #nav { width: 100%; } } ...
JQuery Mobile 两个页面之间的参数传递
BesturnLee
01-30 2592
index.html 页面 $(document).bind('pagebeforechange',function(e, data){ if ( typeof data.toPage != "string" ) { //window.alert("From = " + data.options.data); //window.alert("A = " + data.option
jQuery Mobile 新手上路--引用顺序
hancn的专栏
08-21 426
jQuery Mobile为移动应用开发提供了很大的便利，通过jqm封装好的组件例如等可以轻松实现具有native app外观的html页面。 不罗嗦，说一下要新手需要注意的几个问题： 1.引用的顺序 一般习惯随意的将jqm的js文件放入，这样做可能会出现一些布局相互影响的问题，其实引入是有顺序的。 正确的顺序是： 1）css 2）jquery.js 3）其他js 4）jqm.js
jquery mobile入门【page】
章鱼小丸子
03-19 687
终于开始了手机端jquery的学习，有demo，有api，写起来还是很容易哒。太好了，开始。 首先，jquery mobile要加入的是： meta name="viewport" content="width=device-width,initial-scale=1.0"> api说 viewport  lin
jquery mobile实现可折叠的导航按钮
10-20
然后，我们使用了多个`data-role="collapsible"`的`<div>`来创建可折叠面板。每个面板都有一个标题（`<h4>`），标题下方是一个列表视图（`data-role="listview"`），包含可点击的链接。 `data-theme`属性用于设置...
jquery mobile demo
03-20
"jquery mobile demo" 是一个使用该框架构建的示例项目，它包含了一套基本的组件和页面布局，以展示如何在实际应用中使用 jQuery Mobile。 **主要特点** 1. **响应式设计**：jQuery Mobile 自动适应各种屏幕尺寸，...
jQuery mobile库包及例子
07-27
`demo.html` 文件通常包含一个或多个使用 jQuery Mobile 组件的例子。在实际开发中，开发者可以参考这个文件来学习如何创建和配置不同的 UI 元素。例如，创建一个简单的按钮可以这样写： ```html <div data-role="...
jquery mobile 实例
04-26
- `<head>`：包含 jQuery Mobile 的 CSS 和 JavaScript 文件引用，以及自定义主题的 CSS。 - `<body>`：至少包含一个数据角色为 "page" 的容器，如 `<div data-role="page">`。 - `page` 内部可以有数据角色为 ...
android WebView结合jQuery mobile之基础：整合篇
04-06
jQuery Mobile通过"data-role"属性定义页面元素的角色，如"data-role='page'"表示一个页面容器。通过这种方式，jQuery Mobile可以自动管理页面的加载和切换，提供平滑的过渡效果。 此外，我们还可以利用JavaScript...
HTML5+jQuery Mobile模板两套
03-19
HTML5+jQuery Mobile模板两套
jquery和jqueryMobile的js文件引入
Code_lr的专栏
01-22 868
jquery的js文件要在jquery.mobile的js文件之前引入。否则页面效果不会出现。
jquery mobile切换页面的几种方法
热门推荐
不厚道青蛙之焦油潭
09-05 1万+
有几种方法来切换页面 1.  $.mobile.changePage ('../path/to/page.html'); 2.  $.mobile.changePage ('other/page.html', 'fade', false, false); 可以设定页面切换效果，以及定义参数来控制页面是否记录历史等 3. var pageData = { url: formresults.p
原创入门教程：设计JqueryMobile起始页之多页结构
小贝壳大贝壳的博客
03-25 209
1. 多页结构：学生成绩查询页面设计... 3 1.1第一个page页面的步骤... 3 1.2第二个page页面的步骤... 5 1.3第三个page页面的步骤... 6 1.4对第一个page页面设计链接... 7 1.5效果测试... 9 1. 多页结构：学生成绩查询页面设计 1.1第一个page页面的步骤 （1）建立一个文件student-score.html，并加入viewpoint、jquery.mobile-1.4.5.min.css、...
jQueryMobile的组件——页面（page）
bboyjoe的博客
08-27 1937
data-role="page"——代表这个div是一个page,在一个屏幕中只会显示一个page； data-transition——可以定义页面切换的动画效果； ... ... ... page实例
jquerymobile-2 多个页面一个文件
孟祥月的专栏
12-31 9216
在jquerymobile中我们可以将多个页面写到同一个html中，只要我们按照jquerymobile的要求加上对应的属性，jquerymobile会为我们将他们转变成几个分开的页面，每次显示的时候默认只会显示第一个。下面先看代码然后再解释： data-role="page" header this is home
用JqueryMobile创建分页控件标签
牵牛果手记
08-06 4884
1.问题： 手机appCan开发中。可能几个窗体都使用到分页。上一页、下一页、末页、或者点击某个数字到达某页。 如果效果：末页效果：                                  首页效果 到达第一页时，上一页禁用。末页第九页时，下一页禁用。 实现步骤： 建立一个JS文件用来存储分页公用代码： //分页处理 var PageHtml="";//ht
Jquery Mobile实现页面切换
bwf_erg的博客
04-19 2226
现在移动设备已经是手机和平板的天下了，在使用手机和平板的时候，我们应该有这样的经历，通过手势触摸或者点击，可以实现页面的来回切换，这些功能同样可以使用jquery mobile来实现。 jQuery Mobile 提供了各种页面切换到下一个页面的效果。 切换 描述 fade 默认，淡入到下一页 filp 从后向前
jQuery Mobile页面结构与属性详解
3. 多页面管理：jQuery Mobile支持在HTML中创建多个页面，并通过`<div data-role="page">`标签进行区分。默认情况下，第一个页面会显示，其他页面会被隐藏。页面之间的切换可以通过链接或者编程方式实现。 本文提供...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值