我的 Javascript 文件自動使用另一個，為什么？

Question

我有綠色音頻播放器腳本和流暢的腳本。 我的綠色音頻播放器不工作。 如果我刪除我的漂亮腳本，它就可以正常工作。

<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-Browser-Inspector 中的代碼，它似乎會使用 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>

大家能解釋一下這個魔法嗎？

Answer 1

可能是因為未加載 JQuery。

請務必在您自己的腳本之前添加 html 中的 JS 文件並等待它准備就緒。

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

文檔