使用ajax加载div后脚本无法运行

Question

当我转到页面时，我具有用于更改html中的audios标签样式的脚本audiojs，它可以正常工作，但是当我单击按钮以功能加载jQuery重新加载div（此div包含音频标签）时，删除了audiojs样式，我尝试在使用jQuery getScript加载div后获取脚本，但是脚本加载了很多次，导致浏览器停止运行。

这是调用audiojs的函数

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

我希望不再有办法再次调用此函数，谢谢

Answer 1

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

  <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 2

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

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

Answer 3

感谢大家，

我找到了解决方案，

用ajax加载div后，我添加了此代码以删除class audiojs

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