利用javascript动态加载头部出现点击事件与hover事件无效解决方法

这里是利用es6的promise函数来异步加载，当HTML动态加载过去的HTML片段加载完毕再执行绑定事件的js代码；

具体过程如下

这里是用了jQuery框架的例子

$(function(){
    //css
var preload=new Promise(function (open) {
    var link=document.createElement("link");
    link.rel="stylesheet";
    link.href="css/top.css";
    document.head.appendChild(link);
    //html
    $.ajax({
        type:"get",
        url:"totop.html",
        success:function(html){document.getElementById("header").innerHTML=html;
            open();
//open写在这里的意思是当上面的代码执行完毕才执行下面then后面的内容，相当与开关
        }
    });

    });
    preload.then(function(){
      // 需要等HTML加载dom渲染完毕才能执行的js代码写在这里，即给元素绑定的各种事件     
  })
})