关于使用a标签跳转jQuery Mobile pageinit 事件不执行

最新推荐文章于 2025-08-18 22:47:43 发布
原创 最新推荐文章于 2025-08-18 22:47:43 发布 · 200 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#java

项目中出现页面跳转后点击事件无法执行，需刷新才正常的问题。检查发现idea代码正常，但浏览器上js pageinit事件部分是跳转前的js，问题为‘使用a标签跳转jQuery Mobile pageinit事件不执行’，网上有两种解决方法，加target='_top'未解决，加external属性成功解决。

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

今天在项目中出现了一个奇怪的bug，页面跳转后点击事件不能执行，需要刷新一遍后才能正常执行，我仔细检查了代码，idea里的代码是正常的，可是在浏览器上js pageinit 事件部分还是跳转前的js，后查资料发现是“使用a标签跳转jQuery Mobile pageinit 事件不执行”，网上有两种解决方法。

  1. a标签加上属性 target="_top"。我使用该方法并没有解决问题
  2. a标签加上 属性 external。成功解决。
 <a href="后台java/xxx" data-no-cache="true" external>
JS实现多语言方式
Kaiwii的专栏
03-16 1万+
应用场景： 在不同移动平台（IOS，Android）上，建立一套与HTML页面通讯框架；主要业务逻辑使用HTML开发；想支持多语言开发。 动机： 通过主动发消息的方式，在页面完成初始化前，获取当前语言选项，并且根据该语言选项，调用对应的JS文件（每种语言对应一个JS文件）解析页面。 实现细节： 向本地语言框架发请求获取语言种类； $(document).on("pagein
pageinit - 多页面执行
04-21
NULL 博文链接：https://edison87915.iteye.com/blog/1909124
jquery mobile使用a标签跳转页面时页面未执行pageinit事件的问题
luochao_tj的专栏
03-23 5853
在使用a标签进行页面跳转时我们在绑定的pageinit的js代码总是执行不了，但是直接刷新页面却能够执行。 这个问题一直不知道是什么原因，最后尝试了一个方法，就是在a标签中设置属性值，target="_top"，然后跳转的页面页面初始化事件中的代码就执行啦。 查html文档，一下描述 _top 这个目标使得文档载入包含这个超链接的窗口，用 _top 目标将会清除所有被包含的框架
jquery mobile中的pageinit
keithlee980的专栏
10-31 468
学习jQuery的第一课就是在$(document).ready()内写添加代码，这样任何事情都会在dom文档加载完成后执行。但是，在jQuery Mobile里, 使用Ajax来加载页面中的内容，并且DOM ready 事件处理器只会在第一加载时执行。为了在任何时间加载或创建的页面内执行代码， 你可以绑定pageinit 事件. Description：Triggered on the p
Jquery Mobile中pageinit等函数执行两次的问题【终极解决】
iiiiiiiiiiii9的专栏
11-06 434
ps:jqM是强烈建议，把原来的ready函数换成pageinit函数。 解决避免执行两次的办法是：在body中加如data-role="page",标记当前文档是page对象。 jqm中一个document中有多个page对象。当然也可以将div标记为page对象。 http://www.cnblogs.com/langu/p/3914987.html
jquery mobile页面跳转后样式丢失js失效的解决方法
10-25
总结来说，解决jQuery Mobile中页面跳转后样式丢失和JavaScript失效的问题，关键在于理解其页面加载机制，并根据需要调整资源加载方式、使用页面初始化事件、或改变框架配置。通过上述方法，你可以确保在页面间切换...
解决JqueryMobile页面跳转问题及样式丢失
总结来说，JqueryMobile为移动应用开发提供了一个方便快捷的框架，但在使用过程中，开发者需要注意页面跳转时的事件处理，以及样式和脚本的正确加载，从而避免页面跳转后出现样式丢失和JS失效的问题。通过合理的代码...
JqueryMobile页面间跳转时的参数传递
02-23
### JqueryMobile页面间跳转时的参数传递 在使用jQuery Mobile进行移动Web应用开发时，经常需要在不同页面之间传递参数。这种功能对于实现页面之间的数据交互至关重要。本文档将通过一个具体的代码示例来详细说明...
jquery mobile
05-25
默认情况下，jQuery Mobile 在 AJAX 跳转后会清除当前页面的 DOM 结构，从而导致 `pageinit` 事件每次跳转时都会重新触发。设置 `data-dom-cache="true"` 可以保留 DOM，避免重复触发 `pageinit` 事件。 ### 动态...
JqueryMobile快速上手教程－实训任务书03-多页设计-学生成绩查询页.zip
03-25
2. **事件监听**：使用`$(document).on('pageinit', function() {...})`或`$(document).on('pageshow', function() {...})`等事件，可以在页面加载或显示时执行特定操作。 3. **用户交互**：利用jQuery Mobile的事件...
一些 JS页面的 调用方式init()
weixin_34309435的博客
03-03 3206
//初始化.... var initAccManPage=function() { 　　//初始化... 　　var initChangeBtn = function(){ 　　　　$("#btnChange").on("click",function(e){ 　　　　　　//doSomething 　　　　}) 　　} 　　//..... ...
Page_Init()和page_load()区别
weixin_34232363的博客
01-02 824
//Page_Init()事件主要用来设置网页或者控件的初始值，同一个网页只会触发一次Init()事件，当客户端返回WebForm数据时，不会再次触发init()事件。//page_load()可以有多次 转载于:https://www.cnblogs.com/LD1018/p/8175753.html...
jquery mobile中的pageinit事件随笔
qq_34084139的博客
08-24 1202
最近工作需要，需要用到jquery mobile这个移动端开发框架，虽然说jquerymobile和jquery在用法上几乎没有区别，但是它比传统pc端的jquery多了许多针对移动浏览器触发的事件，比如触摸事件，滑动事件，定位事件，页面事件。这些事件的应用就不能简单的使用jquery的语法结构，而要配合jquerymobile的语法结构。下面来展开说一下两者初始化的区别。  有jquery开发
page_Load和page_Init的区别
zgqtxwd的专栏
05-01 580
<!--google_ad_client = "pub-2947489232296736";/* 728x15, 创建于 08-4-23MSDN */google_ad_slot = "3624277373";google_ad_width = 728;google_ad_height = 15;//--><script type="text/javascript"
在SUI Mobile上趟过的坑--通过路由跳转到新页面时，js不执行
yimumian的博客
03-30 9554
1.通过路由跳转到新页面时，js不执行 解决方法：首先让所有页面引用相同的js，   然后使用监听事件 $(document).on("pageInit", function(e, pageId, $page) {   if(pageId == "pageIndex01") {   }else if(pageId == "pageIndex02"){   } });
08.常见文本处理工具
最新发布
weixin_56408536的博客
08-18 545
查看二进制文件的不同。
Java——琐碎知识点2
2401_88065518的博客
08-15 746
Java基础知识点：Java官方帮助文档、Scanner扫描器、快捷键、“==”做比较、获取代码运行时间、打印对象名时不会出现内存地址的类型、Arrays类常用方法、循环标号的使用、Lambda表达式、异常处理、Java浮点数的精度问题（BigDecimal）、DecimalFormat格式化数字工具、printf格式化输出
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值