Javascript 自定义HTML5音频API:未捕获类型错误：未定义不是函数

我正在尝试创建自己的自定义音频HTML5控件。我读了这篇文章，其中也有一个有效的例子

我在本地工作，一旦单击元素，就会出现以下错误：

this is clicked: <button class=​"play-button audio-button icon icon-loudspeaker" data-audio-button>​…​</button>​
Uncaught TypeError: undefined is not a function 

当您使用jQuery查找元素时，它实际上会查找元素数组并包装它们，以便您可以对它们使用jQuery特定的函数。因为您需要元素本身（并且只有一个元素），所以可以指定第一个数组索引来检索它

var music = $('[data-music'])[0];

然后，可以像使用任何其他普通元素一样使用该元素

另见：

当您使用jQuery查找元素时，它实际上会查找元素数组并包装它们，以便您可以对它们使用jQuery特定的函数。因为您需要元素本身（并且只有一个元素），所以可以指定第一个数组索引来检索它

var music = $('[data-music'])[0];

然后，可以像使用任何其他普通元素一样使用该元素

另见：

当您使用jQuery查找元素时，它实际上会查找元素数组并包装它们，以便您可以对它们使用jQuery特定的函数。因为您需要元素本身（并且只有一个元素），所以可以指定第一个数组索引来检索它

var music = $('[data-music'])[0];

然后，可以像使用任何其他普通元素一样使用该元素

另见：

当您使用jQuery查找元素时，它实际上会查找元素数组并包装它们，以便您可以对它们使用jQuery特定的函数。因为您需要元素本身（并且只有一个元素），所以可以指定第一个数组索引来检索它

var music = $('[data-music'])[0];

然后，可以像使用任何其他普通元素一样使用该元素

---

另请参见：

Try

var music=$（“[数据音乐]”）[0]@Brad它解决了未定义的问题。你能解释一下为什么我能理解这个问题吗？试试
var music=$（'[data music]'）[0]@Brad它解决了未定义的问题。你能解释一下为什么我能理解这个问题吗？试试
var music=$（'[data music]'）[0]@Brad它解决了未定义的问题。你能解释一下为什么我能理解这个问题吗？试试
var music=$（'[data music]'）[0]@Brad它解决了未定义的问题。你能解释一下为什么我能理解这个问题吗？？