代码是这样的
export function init(){
window.onhashchange = function(){ var hash = location.hash; if(location.href.indexOf('?') !== -1){ hash = location.href.substring(location.href.indexOf('#')+1,location.href.indexOf('?')) }else{ hash = hash.substring(1,hash.length); } loadHtmlData(hash); }
}
function loadHtmlData(page){
$.get(page + '.html',function(data){ $('#ajaxContainer').html(data); },"html");
}
现在使用hash + ajax的方式做单页,我进入页面的地址为localhost:7777/ 之后我进行了 location.hash ='#main'操作,这时候触发了onhashchange函数之后发送了请求插入了片段到一个p中。首页的js能够正常运行(就是main.html片段中的js能够正常执行)。但是当我点击导航栏的其它页面再回到localhost:7777/#/main 的时候插入的html中的js不再执行?请问下这是为什么?困扰了我几天的问题希望有大大帮助看看。
说明:页面中的js都是通过webpack中的HtmlwebpackPlugin插件插入的
是不是缓存,你在请求url那每次加个随机数试试,因为get请求默认是缓存的。