javascript - 使用 jQuery 添加按钮点击声音

标签 javascript jquery audio

因此,我在基于文本的冒险中有一个场景,我试图在做出特定玩家选择时添加声音效果,但我在添加它时遇到了困难。

<html> 
  <div id="s1">
    <div class="sit_2">
      You  stumble upon a dark cave. Do you go inside or not?               
    </div>
    <div class="sit_3a">
      A hungry bear comes and kills you.
    </div>
  </div>

  <div id="q1">
    <input type="button" class="choice_2a" value="Go inside">
    <input type="button" class="choice_2b" value="Don't go inside">
  </div>
  <audio id="bear" preload="auto" src ="audio/bear.mp3"></audio>    
</html>


<javascript type="text/javascript">
  $(document).ready(function(){
    $(".choice_2a").click(function(){
      $(".sit_2, .choice_2a, .choice_2b").hide();
      $("#cave").fadeOut(3000);
      $(".sit_3a").fadeIn(3000);
      $("#bear").play();
    });
  )}
</javascript>

所以我想做的是当使用 jQuery 选择 .choice_2a 时播放 #bear。

最佳答案

没有<javascript>标签,您需要使用 <script>标签代替。它应该看起来像这样

<script type="text/javascript">

但更好的是,最好完全引用另一个文件中的 JavaScript,以提供更清晰、更模块化的代码。

此外,请确保包含 jQuery。从代码片段来看,它似乎丢失了。

$("button").on("click", function() {
    $("#my-audio").play()
});

关于javascript - 使用 jQuery 添加按钮点击声音,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38748437/

相关文章:

javascript - 如何在维基百科 api 上使用 eicontinue 参数?

jquery - 使用 Laravel 查询生成器更新记录排名

r - 想要使用 `diffenv`但波长不同

javascript - 毫无延迟地播放音频Base64

javascript - js中自动初始化对象

javascript - 优化 HTML5 canvas 中的像素设置

javascript - 4 个切换按钮互相使用 javascript,但它们都不是好的听众——续集 : stupidity strikes back

javascript - Angular ng-model 无法捕获 onload 输入值

javascript - 用 JS 中的正则表达式替换句子

android - 如何在合并Android中的WAV格式2音频录制文件时解决失真噪声问题?