javascript - ajax加载的html内容中包含js的问题
阿神
阿神 2017-04-11 12:18:12
0
1
372

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

阿神
阿神

闭关修行中......

全員に返信(1)
迷茫

是不是缓存,你在请求url那每次加个随机数试试,因为get请求默认是缓存的。

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート