代码是这样的
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插件插入的