关于jQuery Mobile页面跳转后网页不刷新问题

最新推荐文章于 2023-02-19 22:01:49 发布
最新推荐文章于 2023-02-19 22:01:49 发布
阅读量4.3k 收藏 2
点赞数
分类专栏： jQuery Mobile
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/haibo0668/article/details/53896880
版权

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


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

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


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

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


在要跳转的a标签 加上data-ajax='false'

我是高手高手高高手
关注
专栏目录
阻止a标签点击跳转刷新
weixin_34204722的博客
03-06 362
2019独角兽企业重金招聘Python工程师标准>>> ...
jquery ajax无刷新跳转,jquery无刷新请求ajax
weixin_29072299的博客
08-06 260
jquery ajax请求的详细用法，ajax的好处就是不用刷新页面就能做到局部数据更新的效果，常见的地方比如，用户注册检测有没有重名，无刷新上传文件，提交数据等。get请求：$.ajax({url:'test.php?type=1&id='+id,//url带参数type:'GET',//请求方式cache:false,//缓存success:function(data){...
jquery mobile 动态添加li，页面样式不刷新的解决办法
大连 云鹏
11-21 384
之前一直用.trigger("updatelayout"); 来触发更新事件， 但是在别的页面写了个类似的就不好用了 后来又Google了一下 使用listview对象的listview('refresh');方法就可以了...
jquery ajax无刷新跳转,jQuery+Ajax实现无刷新操作
weixin_30231327的博客
08-06 499
使用jQuery实现Ajax操作 想要实现Ajax页面无刷新效果，但是直接利用Ajax代码实在有些麻烦，所以就想用jQuery实现。jQuery很好的封装了Ajax的核心对象XMLHTTPRequest。所以用起来非常方便。首先，创建服务器端代码，这里用Servlet实现服务器端的数据处理；代码如下：protected void doPost(HttpServletRequest re...
jQuery Mobile页面跳转后未加载外部JS原因分析及解决
12-09
在使用jQuery Mobile进行Web应用程序开发时，我们可能会遇到一个常见的问题，即页面跳转后，新的页面（如从pageA跳转至pageB）中引用的JavaScript文件未能正确执行。这是因为jQuery Mobile采用了异步页面加载机制，...
jquery mobile页面跳转后样式丢失js失效的解决方法
10-25
总结来说，解决jQuery Mobile中页面跳转后样式丢失和JavaScript失效的问题，关键在于理解其页面加载机制，并根据需要调整资源加载方式、使用页面初始化事件、或改变框架配置。通过上述方法，你可以确保在页面间切换...
jquery mobile开发常见问题分析
10-22
jQuery Mobile框架使用Ajax技术来加载和转换页面，这样可以实现在不刷新整个页面的情况下改变内容。这种方式虽然有助于提升用户体验，但也有其局限性。例如，在页面加载之后，绑定到页面元素上的JavaScript事件可能...
jquerymobile局部渲染的各种刷新方法小结
10-26
当你需要刷新当前页面，但不希望跳转到其他页面时，可以使用它。传递一个空的URL和`{changeHash: false}`选项来更新当前页面。 2. **`.listview('refresh')`**: 当你需要刷新一个`listview`时，这是最常用的方法。...
jQuery Mobile弹出对话框后不刷新原页面，保持原页面内容不变
海涛的博客
02-18 2万+
使用jQuery Mobile开发移动应用程序时，在一个页面上弹出对话框，关闭对话框后，发现原来的页面被刷新了。如果原页面上有一些已经选择或者填写的数据，则这些数据就会丢失。这时候，就需要对对话框的返回按钮做一些处理，让页面返回到对话框父页面在弹出对话框执勤的状态。 弹出对话框的按钮一般写法如下： a href="/Dialogs/MyDialog.htm" data-role="button
Jquery mobile的动态化
xiangjai的专栏
07-03 1369
由于页面的控制和展现都放在了mobile客户端，所以UI的动态化就需要通过JS在客户端完成。针对JQM的动态化，主要用到以下两个技术： JQM组件动态修改界面模板化 1）JQM组件动态修改 常常需要动态修改JQM某些组件的显示，由于它有独立与JQuery的自制组件渲染机制，所以修改DOM后需要额外的措施才能refresh界面显示，JQM这块做得不太友好，每个组件的方式不一样：
使用JQuery-mobile.js框架a链接不跳转或跳转异常
weixin_44585148的博客
08-12 282
Jquery Mobile支持所有标准的html格式，为了让体验更加流畅,Jquery Mobile会把同一个域下的所有指向页面的链接都会自动转为ajax请求，并且用动画的转场效果实现切换。指向别的域的链接或者是含有 rel="external", data-ajax="false" 属性的链接以及含有target属性的链接不会通过ajax加载，页面会整体被刷新。所以，给a标签加上 data-ajax="false" 就可以解决。...
在JQ移动端实现返回刷新，并且解决IOS无法刷新问题
weixin_48427536的博客
02-19 492
实现JQ下的页面返回刷新（安卓和IOS都可用）
jQuery的click事件在当前页弹出层窗口（不打开新页面）
weixin_30940783的博客
10-24 993
当给链接添加一个click事件，我们可能不希望Web浏览器按照其常规模式退出当前页面并通过新页面载入链接的目的地，而是在当前页弹出层窗口（不打开新页面）。例如，当单击了一个缩略图上的链接时，页面会载入一幅较大的图像。通常，单击链接会退出页面并在一个空白页面上显示图像本身的较大版本。然而，在这个例子中，停留在同一页面，较大的图像在这里载入，而不是按照链接打开图像。 有几种方法可以阻止链接按照其惯例...
jQuery Mobile中jQuery.mobile.changePage方法使用详解
weixin_34270606的博客
04-02 382
jQuery.mobile.changePage方法用的还是很多的。作为一个老手，有必要对jQuery mobile中实用方法做一些总结。系列文章请看jQuery Mobile专栏。jquery.mobile.changepage是过时的jQuery Mobile 1.4.0及将被删除在1.5.0。使用pagecontainer部件的change()法...
mobile.changePage切换页面后的事件处理
danielinbiti的专栏
01-14 7350
今天分析试了一下，有两个页面index.html和main_wdsp.html 发现在index.html中通过 $.mobile.changePage("main_wdsp.html?userid="+userId,"slidedown", true, true); 方法切换页面后，在main_wdsp.html中无法接收到pageinit事件，我把事件写在下方的script中，然后又试了
利用jQuery实现不刷新网页改变网页内容
zhazhashuai1999的博客
10-11 1244
js代码如下 <script> /* 此方法比较浪费内存加载，后期最好改为ajax方式 */ $(function () { var $information = $("#information"); var $blog = $("#blog"); var $question = $("#question"); var $uploading = $("#upload"); var $collect = $("#collect"); var
jquerymobile页面跳转和参数传递
热门推荐
chen052210123的专栏
04-20 6万+
页面跳转： 页面跳转时pagebeforechange事件会被触发两次，通过$(document).bind("pagebeforechange", handleChangePage);来绑定pagebeforechange事件的触发函数handleChangePage(e,data),第一次触发时data.toPage是到达页面的url，类型是string。第二次触发时data.toPage是
Jquery 打开新页面
weixin_33763244的博客
01-02 1238
在当前页面打开 $('#databases').click(function(){ window.location.href = "databases.html"; })   打开新的页面   $('#question').click(function(){ window.open("./question/question.html"...
jquery页面跳转不刷新数据
最新发布
06-20
jQuery 提供了一种便捷的方式来实现页面跳转而不刷新整个页面。这种操作通常用于 AJAX（Asynchronous JavaScript and XML）请求，其中数据通过 JavaScript 在后台与服务器交换，而无需完全重新加载网页。使用 jQuery 的 `$.ajax` 方法或更简洁的 `$.get`、`$.post` 等函数可以实现这个目标。 例如，如果你想通过 jQuery 向服务器发送一个 GET 请求并获取数据，然后更新部分页面内容，你可以这样做： ```javascript $.get("your-url", function(data) { // 处理返回的数据 $('#your-target-element').html(data); }, 'json'); // 设置数据类型为 json // 或者使用 $.post 如果你需要发送POST请求 $.post("your-url", { key: "value" }, function(response) { // 更新页面 }); ``` 在这个例子中，`your-url` 是你要请求的服务器地址，`your-target-element` 是你希望更新显示新数据的部分。数据处理完成后，页面只会这部分内容刷新，其余部分保持不变。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值