使用ajax加载div后脚本不运行

Question

我有脚本audiojs更改样式的音频标签在html当我去我的页面它的工作没有问题，但当我点击一个按钮，以重新加载div (此div包含音频标签)与功能加载jQuery的audiojs的样式删除，我试图得到脚本后，加载的div与jQuery getScript，但脚本加载多次，导致我的浏览器停止。

这是调用audiojs的函数

audiojs.events.ready(function() {
  audiojs.createAll();
});

我想要一个解决方案，不再调用这个函数一次，谢谢

Answer 1

谢谢大家

我找到了解决方案，

在使用ajax加载div之后，我添加了以下代码来删除类audiojs

$("audio").removeClass("audiojs");

Answer 2

尝试将一个新的脚本标记添加到脚本中，以便在代码中重新加载，如下所示：

​

 <script language="text/javascript">
   function audiojs()
   {
      var div= document.getElementsByTagName('head')[0];
      var script= document.createElement('script');
      script.type= 'text/javascript';
      script.src= 'audiojs.js';
      div.appendChild(script);
   }
   audiojs();
</script>

​

我希望你现在能有一些想法。还要检查你的缓存。

Answer 3

如果没有任何到audio.js库的链接就很难知道，但大多数API或库都会给出一些指示，表明它们已加载。我会使用if语句来创建如下内容：

(function () {
 function checkForLoaded(){
   if (audiojs.state !== null) { //or something similar
      audiojs.createAll();
   }
 }
})();