我的Javascript文件自动使用另一个，为什么？

编程问答 2022-06-04

问题描述

我有绿色音频播放器脚本和光滑脚本。我的绿色音频播放器无法正常工作。如果我删除了光滑的脚本，它就可以正常工作。

<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/slick.min.js" type="text/javascript"></script>
<script src="js/audioPlayer/audioPlayer.js" type="text/javascript"></script>
</body>
</html>

如果我在index.html中使用audioPlayer 

<div class="player">
 <audio crossorigin>
  <source src="mp3/sample.mp3" type="audio/mpeg"></audio>
</div>

但是在那之后我有一个问题。如果我在Google浏览器检查器中检查代码 似乎会自动使用slick.js文件的slick-properties更改音频播放器

<div class="volume__slider slider slick-initialized slick-slider slick- 
 dotted" data-direction="vertical" tabindex="0">
                    <div class="slick-list draggable"></div></div>

每个人都可以向我解释这种魔力吗？

解决方法

可能是因为未加载JQuery。

请确保在自己的脚本之前以html格式添加JS文件，并等待其准备就绪。

$( document ).ready(function() {
   $('html').addClass(isPoorBrowser ? 'poor-browser' : 'no-poor-browser');
});

doc

avaudioplayerjavascriptjqueryslick.js