为什么js脚本在Django网站上不起作用？

Question

我是Django和JS的新人。尝试用自定义控件创建HTML5音频播放器。当我开始翻页的时候什么也没发生。在

用默认播放器测试了这个mp3，一切正常。所以我认为静态设置是正确的。在

文件夹结构：

..stream (the app)
....static
......stream
........audio
..........test.mp3
........scripts
..........player.js
....templates
......index.html

这是我的索引.html. 基本模板几乎为空。在

^{pr2}$

这是我的播放器.js在

var aud = $('audio')[0];
aud.play();

我希望当我打开页面时，音乐就会开始播放。在

Answer 1

问题来自JS脚本的执行。 在浏览器执行时

var aud = $('audio')[0];
aud.play();

或者

^{pr2}$

音频块尚未创建，因此查询找不到任何内容，您将得到错误

Uncaught TypeError: Cannot read property 'play' of undefined

您可以使用以下函数延迟执行：

document.addEventListener('DOMContentLoaded', function(){
    var aud = document.getElementsByTagName('audio')[0];
    aud.play();
}, false);