Jquery 没有被调用音频按钮

Question

尝试在单击按钮时播放声音片段(此按钮还链接回另一个页面:

我怎样才能:

1) 让它工作？ (适用于 mouseenter 但不适用于 .click())

2) 在链接导航之前暂停播放声音 1 秒？

这是我的相关 jQuery 代码:

var beepOne = $("#ding")[0];
$("button[value='reload']")
.click(function() {
beepOne.play();


});

和 HTML:

<audio preload="auto" id="ding">
    <source src="audio/gameover.mp3"></source>
</audio>

<button class="btn" value="reload" id="snd" onClick="parent.location='../'" />Game Over!<br />Try Again?</button><br>

弄清楚了，看起来我通过内联 Javascript 的 onClick 属性是错误的。删除它并将其添加到我的 jQuery 修复它并允许我像我想要的那样延迟声音在被重定向之前完成。这是我的完成的代码，如果它对其他人有帮助的话:

var beepOne = $("#ding")[0];
$("#snd").click(function() {
beepOne.play();
setTimeout(function(){parent.location='/'},1000);

 });

Answer 1

试试这个:

var beepOne = $("#ding")[0];
$("#snd").click(function() {
beepOne.play();
 });

如果您可以编辑 HTML，那么可能会将 html 修改为

<audio preload="auto" id="ding" src="audio/gameover.mp3" type="audio/ogg"></audio>

可能会成功