欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  后端开发

javascript - 第二次ajax提取页面的时候,main.js没有重新加载,或者说,所有的js都没有重新加载的问题

程序员文章站 2022-05-10 09:01:25
...

效果图:
javascript - 第二次ajax提取页面的时候,main.js没有重新加载,或者说,所有的js都没有重新加载的问题
在使用Ajax做抽屉的效果时,第二次ajax提取页面的时候,js没有重新加载,怎么解决这个问题?

回复内容:

效果图:
javascript - 第二次ajax提取页面的时候,main.js没有重新加载,或者说,所有的js都没有重新加载的问题
在使用Ajax做抽屉的效果时,第二次ajax提取页面的时候,js没有重新加载,怎么解决这个问题?

我的博客使用了类似的pjax技术,当初设计也遇到了类似的问题。

其实根本原因不在于js没有重新加载,其实他根本不需要重新加载,因为已经被加载过了。
根本原因在于其不会被重新执行。

你可以定义个文件叫bootstrap.js
然后在里面逐个重新执行一遍需要重新加载的js即可。
ps 如果以前有写在公共区域的代码,即不属于任何函数的,需要你自行封装到一个函数里面,然后在这里执行。
比如:
a.js

console.log('test');

这个js其实被加载过了,也执行过了,正常情况下是不会再执行了。
那么你就需要修改它为
a.js

var initAJs=function(){
    console.log('test');
}

然后在pjax成功返回的时候执行
initAjs即可。