关于jQuery Mobile 的pageinit,pageshow,以及data-ajax

这只是流水帐。。。

在连续两次ajax切换page时,比如从首页ajax到列表页再ajax到详情页时,再back到首页,循环往复,第三次进入列表页时,页面出现了重复切换的问题。

与页面使用的动画效果无关,与back的设置无关。

目前为止只有连续使用两次ajax才会出现此问题。

-------------------------------------------------------------------------------------------------------------

pageinit   get请求时执行一次   ajax切换 page将不会执行

pageshow    ajax切换page也会执行

---------------------------------------------------------------------------------------------------------------

鉴于   pageshow  在ajax时也会执行     进入列表页时ajax请求的数据的行为在back时,又会执行一次,所以列表页不能用ajax...

所以ajax重复切换问题只是避开,并没有得到真正意义的解决。

时间: 2024-10-19 18:23:42

关于jQuery Mobile 的pageinit,pageshow,以及data-ajax的相关文章

Android+Jquery Mobile学习系列(4)-页面跳转及参数传递

关于页面转场,这个必须得专门列出来说明一下,因为Jquery Mobile与普通的Web发开有一些区别,这个对于新手如果不了解的话,就会钻到死胡同.撸主前段时间就是很急躁地上手开发程序,结果在页面转场和参数传递的时候遇到各种奇怪的问题,最后几乎打算删掉html,改用Android原生layout来做程序了. 不得不说,Jquery mobile给我们这种做Java Web项目的人带来了很多新鲜的玩意儿,虽然多多少少有些不适应,但是我们得被动接受,久而久之就习惯. 前面一对废话结束,下面正式开始本

jQuery Mobile的默认配置项详解,jQuery Mobile的中文配置api,jQuery Mobile的配置说明,配置大全

学习jQuery Mobile也有一段时间了,越来越上手了,也越来越喜欢他了.我根本就没有理由拒绝他的好.这里我有分享一下我对它的配置项的使用说明一下. 看代码解释: $(document).live("pageinit",function(event){ $.mobile.loadingMessage = "正在加载数据,请稍候......"; $.mobile.pageLoadErrorMessage="很抱歉,系统好像再打小瞌睡......"

通过AJAX和PHP,提交JQuery Mobile表单

通过AJAX和PHP,提交JQuery Mobile表单   File name: callajax.php <?php $firstName = $_POST[firstName]; $lastName = $_POST[lastName]; echo("First Name: " . $firstName . " Last Name: " . $lastName); ?> File name: index.php <!DOCTYPE html&

jquery mobile 教程

简介:jQuery Mobile框架可以轻松的帮助我们实现非常好看的.可跨设备的Web应用程序.我们将后续的介绍中向大家介绍大量的代码及实例. jQuery一直以来都是非常流行的富客户端及Web应用程序开发中使用的JavaScript类库,然而一直以来它都是为桌面浏览器设计的,没有特别为移动应用程序设计. jQuery Mobile是一个新的项目用来添补在移动设备应用上的缺憾.它是基本jQuery框架并提供了一定范围的用户接口和特性,以便于开发人员在移动应用上使用.使用该框架可以节省大量的js代

黄聪:jquery mobile使用form进行post提交表单没有反应,显示空白页解决方案

jquery mobile这货会自动用Ajax方式. 所以需要在表单form标签添加data-ajax="false"这个元素. <form method="post" data-ajax="false">...</form>

jquery mobile页面跳转后js不执行的问题

最近用jqueryMobile 被这个问题卡了一下 为了实现在移动设备上的无缝客户体验,jQuery Mobile默认采用AJAX的方式载入一个目的链接页面.因此,当在浏览器中点击一个链接打一个新的页面时,jQuery Mobile接收这个链接,通过AJAX的方式请求链接页面,并把请求得到的内容注入到当前页面的DOM里.另外还需要确保请求的页面url唯一标识的. 这样的结果就是用户交互始终保存在同一个页面中.新页面中的内容也会轻松的显示到这个页面里.这种平滑的客户体验相比于传统打开一个新的页面并

移动框架jQuery Mobile入门

jQuery Mobile使用指南 简介:jQuery Mobile框架可以轻松的帮助我们实现非常好看的.可跨设备的Web应用程序.我们将后续的介绍中向大家介绍大量的代码及实例. jQuery一直以来都是非常流行的富客户端及Web应用程序开发中使用的JavaScript类库,然而一直以来它都是为桌面浏览器设计的,没有特别为移动应用程序设计. jQuery Mobile是一个新的项目用来添补在移动设备应用上的缺憾.它是基本jQuery框架并提供了一定范围的用户接口和特性,以便于开发人员在移动应用上

jQuery Mobile Data 属性

按钮 带有 data-role="button" 的超链接.button 元素.工具栏中的链接以及 input 字段都会自动渲染成按钮样式,不需要添加 data-role="button". Data-属性 值 描述 data-corners true | false 规定按钮是否圆角 data-icon Icons 参考手册 规定按钮的图表.默认没有图标. data-iconpos left | right | top | bottom | notext 规定图标

jQuery Mobile 页面事件

jQuery Mobile 页面事件 在 jQuery Mobile 中与页面打交道的事件被分为四类: Page Initialization - 在页面创建前,当页面创建时,以及在页面初始化之后 Page Load/Unload - 当外部页面加载时.卸载时或遭遇失败时 Page Transition - 在页面过渡之前和之后 Page Change - 当页面被更改,或遭遇失败时 jQuery Mobile Initialization 事件 当 jQuery Mobile 中的一张典型页面