`

关于jQuery Mobile通过超链接 页面跳转后网页不刷新问题

 
阅读更多
重要重要重要解决方案: 在要跳转的a标签 加上data-ajax='false'

 

 

$.mobile.changePage("03.php"); //手机网页式跳转

 

转跳后,网页CSS,JS事件都没有反应,要刷新一次网页行有用

$.mobile.changePage这种方式,原理是ajax跳转。听起来很神秘,其实就是通过ajax动态的把目标页面的内容加载到当前的dom中。当多页面跳转的时候,通过ajax跳转,就存在ajax跨域的问题。所以解决 目前的问题,其实就是解决ajax跨域的问题。 

 

A网页转跳到B网页,就是删除了记录,然后转跳回原来网页,

原来网页没有删除记录,但是数据库已经删除,所以需要刷新网页

 

 
分享到:
评论

相关推荐

    JqueryMobile页面间跳转时的参数传递

    ### JqueryMobile页面间跳转时的参数传递 在使用jQuery Mobile进行移动Web应用开发时,经常需要在不同页面之间传递参数。这种功能对于实现页面之间的数据交互至关重要。本文档将通过一个具体的代码示例来详细说明...

    网页设计实现三个页面(文字、图片、超链接可以跳转)

    JavaScript可以通过`window.location.href`改变当前页面URL,而锚点链接则在同一个页面内创建链接点。例如: ```html 跳转到页面2 ... <!-- 页面2的内容 --> ``` CSS用于美化页面,通过选择器(如ID、类或...

    jQuery Mobile 所需要的部署文件

    jQuery Mobile 是一个轻量级的、基于 jQuery 库的框架,专为移动设备上的网页应用设计,它提供了丰富的用户界面(UI)组件和交互效果,让开发者能够快速构建响应式和触控友好的Web应用程序。这个资源包以“Hello ...

    JqueryMobile常见问题整理

    这是因为 jQuery Mobile 采用 AJAX 方式进行页面导航,导致页面并未真正刷新,而是动态插入到 DOM 中。当页面第一次加载时,`pageinit` 正常触发。但在使用 `changePage()` 或链接进行页面切换时,由于页面已经存在...

    jQueryPost页面不能刷新

    然而,当遇到"jQueryPost页面不能刷新"的问题时,这通常意味着在使用`$.post`函数时存在错误,导致页面无法正常刷新或数据更新不成功。根据提供的描述和部分代码,我们可以分析并解决这个问题。 首先,让我们看看...

    jquerymobile设计完整例子

    通过设置`data-rel="next"`或`data-rel="back"`,可以实现向后或向前的页面跳转。同时,`data-transition`属性可以指定过渡动画,如滑动、淡入淡出等,以增加动态效果。 4. **触摸事件处理** 移动设备上,触摸事件...

    js和jquery控制超链接

    js和jquery控制超链接,使链接在子窗口打开;超链接,一部分在本窗口打开,大部分在新窗口打开

    jquery mobile界面数据刷新

    jquery mobile界面数据刷新jquery mobile界面数据刷新

    jQueryMobile-HTML5模板

    2. **自动页面导航**:通过数据-URL(data-url)属性和页面容器,jQuery Mobile可以自动管理页面的加载和切换,实现平滑的页面过渡效果。 3. **可定制的主题系统**:jQuery Mobile提供了一套主题引擎,允许开发者...

    jQuery Mobile 1.1.1最新版

    9. **数据绑定和AJAX导航**:jQuery Mobile 使用AJAX技术实现无刷新页面切换,提供了更好的导航体验。同时,框架支持数据绑定,可以动态更新页面内容,增强了交互性。 10. **兼容性**:jQuery Mobile 1.1.1 支持...

    jQuery Mobile实战源码

    通过使用`data-url`属性,jQuery Mobile可以跟踪页面的历史记录,实现平滑的页面过渡效果。在源码中,你会看到如何组织这些页面元素以及如何通过链接或JavaScript进行页面导航。 表单处理是jQuery Mobile的另一大...

    jQuery mobile网页放大镜

    **jQuery Mobile 网页放大镜** jQuery Mobile 是一个轻量级、触控优化...总之,“jQuery mobile网页放大镜”是提升移动网页浏览体验的一种有效手段,通过合理的实现和优化,可以为用户提供更加直观和便捷的交互体验。

    jQuery Mobile参考手册

    1.jQuery Mobile 是一个用于创建移动端web应用的的前端框架。 ...4.通过使用jQuery Mobile 可以 "写更少的代码,做更多的事情" : 它可以通过一个灵活及简单的方式来布局网页,且兼容所有移动设备。

    jQuery Mobile快速入门源代码

    3. **增强型链接 (Enhanced Links)**:jQuery Mobile 自动处理链接,使页面在同域内通过 AJAX 进行无刷新跳转,提供更好的用户体验。通过添加 `data-rel="back"` 属性,可以模拟浏览器的后退功能。 4. **触控事件**...

    下拉刷新,上拉加载,JqueryMobile1.4.3+iScroll4

    总的来说,结合JqueryMobile的易用性和iScroll的高性能滚动,开发者可以轻松地为WebApp添加下拉刷新和上拉加载功能,提供更加流畅、动态的用户体验。在实际项目中,还需要考虑性能优化、错误处理以及适应不同设备和...

    点击导航栏,页面不跳转,刷新内容

    在这个场景中,"点击导航栏,页面不跳转,刷新内容"很可能就是采用了类似的无刷新技术,可能是通过JQUERY这个强大的JavaScript库来实现的。 JQUERY是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、动画...

    jquery mobile官方git资源

    4. **导航和页面过渡**:jQuery Mobile的导航系统基于链接,通过AJAX实现平滑的页面切换效果。`data-rel`属性用于指定链接的相对位置,如`data-rel="back"`表示返回上一页。 5. **表单处理**:框架对表单元素进行了...

    jQuery mobile相册

    jQuery Mobile相册是一种基于jQuery Mobile框架的移动应用组件,它为用户提供了一种优雅的方式来展示和浏览图片集,尤其适用于移动设备。jQuery Mobile是jQuery库的一个分支,专为触摸设备优化,提供了一套完整的UI...

    jquery mobile 1.4.1版

    jQuery Mobile 是一个功能强大的前端框架,专门针对移动设备的网页开发而设计。在1.4.1版本中,它提供了一系列优化的CSS和JavaScript文件,使得开发者能够快速、高效地创建具有响应式布局和触摸友好的用户界面。这个...

    jquery mobile css3手机表单页面布局按钮样式

    jQuery Mobile 是一个轻量级的框架,专为触摸设备设计,它提供了一套完整的组件和交互模式,包括表单、页面布局和按钮样式等。CSS3 则是新一代的CSS规范,引入了许多新的功能和样式效果,为网页设计提供了更多可能性...

Global site tag (gtag.js) - Google Analytics