javascript - js代码在外部文件中不起作用，但放在同一个html页面中时可以工作

Question

我的 html 页面的页脚中有这段代码

<script type="text/javascript">
// using jQuery
$('video,audio').mediaelementplayer();
</script>

上面的代码是在html页面上添加视频播放器。

现在我已经创建了一个单独的 js 文件，其中我已经有一些代码行可以创建猫头鹰 slider 、工具提示、数字计数器等。

当我将上面的代码添加到那个单独的 js 文件 时它不起作用，相反当我将它保存在 html 页面的页脚 时它工作正常。

Answer 1

尝试将您的代码放在 $(function(){ ... } 中。这将在加载 DOM 时执行(当前您的代码在加载 jQuery 之前执行，如果您检查JavaScript 控制台，您将看到类似 $ is not defined)

的错误

 $(function(){
     $('video,audio').mediaelementplayer();
 });

或

 $( document ).ready(function() {
     $('video,audio').mediaelementplayer();
 });

您可以了解它正在做什么 here . $(function() 等同于 $( document ).ready()