我的 Javascript 文件自动使用另一个,为啥?

Posted

技术标签:

【中文标题】我的 Javascript 文件自动使用另一个,为啥?【英文标题】:My Javascript File use another automatically, why?我的 Javascript 文件自动使用另一个,为什么? 【发布时间】:2020-11-04 22:00:41 【问题描述】:

我有 green-audio-player 脚本和 slick 脚本。我的绿色音频播放器不工作。如果我删除我的 slick 脚本,它的工作正常。

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

每个人都可以解释一下这个魔法吗?

【问题讨论】:

$.noConflict 是在您开始遇到问题之前还是之后添加的。 after -> 在包含我的脚本之后 为什么要添加它?你在使用两份 jQuery.js 吗? 不,我不使用两个 Jquery。但是我的 script1 使用 script2 的变量,我想知道为什么? 如果你不使用 jquery 的两个副本,$.noConflict 将导致比它修复的问题更多,并且与变量($jQuery 除外)之间的冲突无关脚本。 【参考方案1】:

可能是因为 JQuery 没有加载。

请务必在自己的脚本之前添加html中的JS文件并等待它准备好。

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

doc

【讨论】:

以上是关于我的 Javascript 文件自动使用另一个,为啥?的主要内容,如果未能解决你的问题,请参考以下文章

导出数组以在另一个 javascript 文件中使用

如何使用 Javascript 通过 selenium 3.6.0 使用另一个配置文件打开 Firefox 浏览器

如何使用 javascript 将默认文件扩展名放在另存为对话框中?

如何在另一个 javascript 文件中包含 jquery [重复]

工作灯适配器加载另一个 javascript

从 javascript 代码中使用 jsonp