我的 html 页面的页脚中有这段代码
<script type="text/javascript">
// using jQuery
$('video,audio').mediaelementplayer();
</script>
上面的代码是在html页面上添加视频播放器。
现在我已经创建了一个单独的 js 文件,其中我已经有一些代码行可以创建猫头鹰 slider 、工具提示、数字计数器等。
当我将上面的代码添加到那个单独的 js 文件
时它不起作用,相反当我将它保存在 html 页面的页脚
时它工作正常。
最佳答案
尝试将您的代码放在 $(function(){ ... }
中。这将在加载 DOM 时执行(当前您的代码在加载 jQuery 之前执行,如果您检查JavaScript 控制台,您将看到类似 $ is not defined
)
$(function(){
$('video,audio').mediaelementplayer();
});
或
$( document ).ready(function() {
$('video,audio').mediaelementplayer();
});
您可以了解它正在做什么 here . $(function()
等同于 $( document ).ready()
关于javascript - js代码在外部文件中不起作用,但放在同一个html页面中时可以工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38377609/