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

Question

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

这是调用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 后，我添加了此代码以删除类 audiojs

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