其实这主要是想说下Jquery Mobile跳转的ajax和非ajax方式的设置,如果是ajax的跳转方式,直接<a href ="#">就可以了,如下:
- <a href = "3G_stride_across_chart.jsp">
如果想设置为非ajax的跳转方式,请设置如下属性:
- <a href = "3G_stride_across_chart.jsp" rel="external">
rel = "external",设置了rel,就是传统的跳转方式了。
在这再说一下jqm的ajax和非ajax跳转的区别,他们最大的区别就是跳转的目标页面能否执行onload事件,jqm ajax的方式跳转后目标页面是不执行onload事件的,只有设置为传统的条转方式后,目标页面才能执行onload 事件。
相关推荐
### JqueryMobile页面间跳转时的参数传递 在使用jQuery Mobile进行移动Web应用开发时,经常需要在不同页面之间传递参数。这种功能对于实现页面之间的数据交互至关重要。本文档将通过一个具体的代码示例来详细说明...
jQuery Mobile 使用无刷新技术(AJAX)来实现页面间的平滑切换。通过设置`data-rel="next"`或`data-rel="back"`,可以实现向后或向前的页面跳转。同时,`data-transition`属性可以指定过渡动画,如滑动、淡入淡出等...
### jQueryMobile Ajax开发知识点概述 #### 一、版本特性 1. **Push State 支持**:jQuery Mobile (JQM) 在此版本中加入了对 `history.pushState` 的支持,这是一个 HTML5 API,允许开发者在不刷新页面的情况下...
在 jQuery Mobile 中,页面间跳转可能导致样式丢失或 JavaScript 失效,这是因为 AJAX 导航可能无法正确地重新应用样式和重新执行脚本。 **问题分析:** 这可能是由于 jQuery Mobile 的页面结构导致的,它通常将多...
1. **默认行为**:在jQuery Mobile中,表单提交会触发页面跳转,但可以通过设置`data-ajax="true"`使表单提交变为AJAX请求。 2. **阻止默认行为**:如果需要自定义AJAX提交,可以使用`event.preventDefault()`阻止...
9. **数据绑定和AJAX导航**:jQuery Mobile 使用AJAX技术实现无刷新页面切换,提供了更好的导航体验。同时,框架支持数据绑定,可以动态更新页面内容,增强了交互性。 10. **兼容性**:jQuery Mobile 1.1.1 支持...
3. **增强型链接 (Enhanced Links)**:jQuery Mobile 自动处理链接,使页面在同域内通过 AJAX 进行无刷新跳转,提供更好的用户体验。通过添加 `data-rel="back"` 属性,可以模拟浏览器的后退功能。 4. **触控事件**...
- **页面链接(Page Links)**:使用 `rel="external"` 或 `data-ajax="false"` 可以禁用 AJAX 导航,以跳转到外部页面或执行非 AJAX 请求。 - **导航历史(Navigation History)**:jQuery Mobile 会跟踪页面访问...
- **页面结构**:根据jQuery Mobile的规范,设置页面的基本结构,例如: ```html 首页 <!-- 内容区域 --> 底部栏 ``` - **增强元素**:使用jQuery Mobile的数据属性对HTML元素进行增强,例如: ...
3. **增强型链接:** 通过设置`data-ajax="true"`,jQuery Mobile 可以实现页面无刷新跳转,提供更流畅的用户体验。 4. **触控事件:** 支持触摸事件,如`tap`、`swipe`等,使得在移动设备上的交互更为自然。 **二...
jQuery Mobile 的一大特点就是使用AJAX技术进行页面间的平滑过渡,通过`data-ajax="false"`禁止AJAX加载,对于需要重新加载整个页面的情况,如登录成功跳转到主页面。 五、注册与登录逻辑 1. 后端接口:后端需提供...
- **可自定义的导航**:通过 `data-url` 属性和 `data-rel` 属性,可以轻松设置页面之间的导航关系,实现页面间跳转。 - **表单增强**:jQuery Mobile 自动识别和美化表单元素,包括输入框、按钮、选择器等,同时也...
jQuery Mobile 是一个强大的、基于 jQuery 库的框架,专为移动设备设计,提供了一套完整的用户界面 (UI) 模板和交互功能,使得开发者能够快速创建响应式和触控友好的网页应用。本教程主要面向初学者,旨在帮助你掌握...
jQuery Mobile 的核心理念是“Write Less, Do More”,它通过数据属性和事件来实现页面和组件的交互,大大减少了开发者的工作量。 **HTML5 数据属性** 在jQuery Mobile中,开发者通常通过添加特定的数据属性(data...
页面之间的跳转可以通过AJAX实现,提供类似原生应用的体验。 五、表单和输入元素 jQuery Mobile对HTML5表单进行了增强,包括自定义样式、增强的验证提示和输入类型的自动适配。例如,`<input type="date">`会被自动...
默认情况下,jQuery Mobile 在 AJAX 跳转后会清除当前页面的 DOM 结构,从而导致 `pageinit` 事件每次跳转时都会重新触发。设置 `data-dom-cache="true"` 可以保留 DOM,避免重复触发 `pageinit` 事件。 ### 动态...
- **定义**:jQuery Mobile 是一款流行的开源 JavaScript 库,专为移动设备优化设计,能够帮助开发者快速创建响应式网站和应用程序。 - **目标**:jQuery Mobile 的主要目标是为移动Web开发提供一个统一的框架,支持...
Jquery Mobile是一款强大的前端开发框架,专为移动设备优化,它简化了移动Web应用的开发,并提供了丰富的交互元素和触摸友好的界面设计。在这个“基于Jquery Mobile的用户登录注册Demo”中,我们将深入探讨如何利用...
本教程将带你快速了解并实践jQuery Mobile的基本概念和用法。 一、jQuery Mobile的基本结构 jQuery Mobile 的核心在于HTML5的data-属性,这些属性用于标记页面元素,让jQuery Mobile能够识别并自动美化。例如,`...
JQuery Mobile的样式体系建立在Ajax和触摸事件之上。它可以利用Ajax来实现无刷新的页面跳转,增强用户体验。同时,JQuery Mobile实现了触摸事件的封装,使得开发者能够轻松处理如滑动(swipe)、轻按(tap)等手势...