利用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代码写在这里，即给元素绑定的各种事件
   })
 })