页面跳转后jQuery脚本失效问题

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

#web前端 #struts2 #jQuery #ViewUI

本文探讨了在Struts框架中使用jQuery时遇到的问题，即页面跳转后jQuery脚本失效的情况。通过分析发现，这主要是由于Struts action默认采用dispatcher方式进行页面跳转，导致目标页面的JavaScript未能正确加载。文章提供了解决方案，即通过修改跳转方式为redirect来确保jQuery脚本的正常运行。

struts action页面跳转后，jQuery脚本完全失效，原因可能是跳转后js木有加载，

 

解决方法：

 

action的result的默认跳转方式是dispatcher，只需要将跳转方式设为redirect即可解决

刷新页面后让控制台的js代码继续执行
12-13
为了方便起见，我们把Js代码放在浏览器的控制台执行，但是刷新页面后，js代码就清空了，也就无法执行。 可以用js代码实现一个不受页面刷新影响不断执行的代码，如下： 1. 必要的知识 prompt() 弹出对话框，...
漂亮的404自动跳转页面，网页错误自动跳转
08-29
例如，可以在404页面的JavaScript代码中监听页面加载完成的事件，然后在适当的时间间隔后执行window.location.href改变，将用户重定向到其他页面。同时，还可以添加动画效果或其他交互元素，使用户体验更加友好。 ...
jquery mobile页面跳转后样式丢失js失效的解决方法
10-25
用ajax跳转的时候，目标页的css以及js都失效，这是由于page之外的代码都不会加载，所以导致在page外的js和css都失效，解决方法如下
Javascript跳转页面和打开新窗口等方法
nsk696的专栏
08-05 358
Javascript跳转页面和打开新窗口等方法 1.在原来的窗体中直接跳转用 window.location.href="你所要跳转的页面"; 2、在新窗体中打开页面用： window.open('你所要跳转的页面'); window.history.back(-1);返回上一页 3、一些用法 按钮式： 链接式：返回上一页 返回上一页 直接跳转式： win...
JS一段网页跳转的代码跳转不成功，过一会儿又可以跳转成功
DD137237的博客
04-17 370
<script type="text/javascript"> function delayURL(url,time){ setTimeout("window.top.location.href='"+url+"'",time); } </script> 3秒钟后自动跳转，如没有跳转，请点击下面的链接 <script ...
关于js不执行页面跳转
zhangxy
08-02 6662
最近做用户登录跳转，使用window.location.href来执行跳转，发现ajax执行登录后，返回了json值“登录成功，立即跳转页面！”，但是，页面并没有跳转，window.location.href没有执行。后来仔细检查，发现自己犯了一个低级错误，form的action属性我是去掉了的，ajax提交数据也是成功的，在后台执行完返回json值，当时测试的时候，想要的值都能获取，what，那...
跳转页面后，不需继续执行后面所有的代码包括事件
weixin_33834628的博客
11-13 339
1，Response.Redirect("~/login.aspx?URL=" + url） 2，Server.Transfer("~/login.aspx?URL=" + url, false);
解决JqueryMobile页面跳转问题及样式丢失
总结来说，JqueryMobile为移动应用开发提供了一个方便快捷的框架，但在使用过程中，开发者需要注意页面跳转时的事件处理，以及样式和脚本的正确加载，从而避免页面跳转后出现样式丢失和JS失效的问题。通过合理的代码...
关于锚点跳转及jQuery下相关操作与插件
10-27
锚点跳转是一种在网页中常见的导航技术，主要用于实现页面内的快速定位。在一些长页面中，用户可以通过点击页面顶部或底部的锚点链接，直接...在解决锚点刷新失效问题时，可以运用jQuery编写脚本来保证锚点的正常功能。
后台跳转的页面动态加载js文件和css脚本
weixin_34208185的博客
06-22 389
为什么80%的码农都做不了架构师？>>> ...
html跳转到新html不执行js，刷新后才执行
胥亮的专栏
10-28 2094
最近遇到问题“html跳转到新html不执行调用的js，刷新后才执行”，qing
流行油猴脚本:searchEngineJump 搜索引擎快捷跳转工作不正常的问题
xuchaoxin1375的博客
02-06 1582
应该是和其他脚本冲突了 其他脚本和当前版本的searchEngineJump产生冲突 根据需要,排查并取舍某些脚本(的功能)
浏览器通过导航栏按钮后退前进时页面js不执行（浏览器的back-forward cache）
GaryCheung的博客
01-20 2575
问题描述：若存在一个页面包含超链接，点击跳转之后，此时点击浏览器的后退按钮的话，页面是不会重新渲染的（js什么的是不会再执行的，页面也不会重新挂载，通过观察 document.addEventListener（‘load’,handler）这里的handler不执行可以得出），这是因为浏览器的“往返缓存(back-forward cache - bfcache)”特性。 问题根源：back-for...
在使用JavaScript实现跳转后后面的js就不再执行（解决方法）
XQC_KKK的博客
06-03 3660
在写纯前端项目时遇到了使用JavaScript实现跳转后后面的js就不再执行的情况。原本自己是希望在完成页面跳转后再实现一段JavaScript的功能。后面在朋友的帮助下成功解决了这个问题。
让JavaScript代码在页面加载完毕后再执行的方法
weixin_47559326的博客
06-30 2858
方法一：window.onload = function(){} 方法二：利用script元素的defer 属性 defer属性只对外部脚本文件有效 可以延迟到文档完全被解析和显示之后再执行 如：<script src="./j.js" defer></script>
JQuery&Ajax后台Servlet跳转踩坑
Double____C的博客
03-24 818
一.局部刷新和页面刷新 做一个简单的登陆页面，jsp页面使用JQuery来进行提交登陆的用户名和密码。使用JQuery&Ajax的目的是进行局部刷新，因此会在确定登陆的button绑定JQuery&Ajax的方法来发送数据给后端。 如果使用的按钮type=submit，则点击时，submit会向后台发送一次数据请求，JQuery&Ajax也会发送一次。因此如果用局部刷新，使...
JQuery解决跳转无效的问题(.location.href)
逝不等琴生的博客
09-23 5365
X
jquery mobile页面跳转 js无法加载的解决办法
mdzzia的专栏
06-09 929
在使用jQuery Mobile进行Web开发中，当页面跳转时（pageA => pageB），在pageB中引用的JS并未成功运行。因为，JQM并未将整个页面加载到当前的dom中，仅将data-role="page"元素加入当前的dom中。 因此，在中引入的外部JS文件，以及标签外的JS均不能正常运行，刷新页面后方可加载成功。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值