为点击事件添加音频

Question

我想向我正在创建的游戏的按钮添加声音剪辑。目前它没有做任何事情，我不知道为什么。

目前在脚本中我有...

var audio = $(".mysoundclip")[0];
$(".minibutton").onclick(function() {
    audio.play();
});

在 HTML 中，我有...

<audio id="mysoundclip" preload="auto">
    <source src="http://www.wav-sounds.com/cartoon/bugsbunny1.wav"></source>
</audio>

然后我有 .minibutton 的 CSS。

任何想法为什么它不起作用？

Answer 1

您的 jQuery 中有一些简单的错误。

HTML

<audio id="mysoundclip" preload="auto">
    <source src="http://www.wav-sounds.com/cartoon/bugsbunny1.wav"></source>
</audio>
<button type="button">play</button>

jQuery

var audio = $("#mysoundclip")[0];
$("button").click(function() {
    audio.play();
});?

小提琴：http : //jsfiddle.net/iambriansreed/VavyK/

?