在按鈕上添加聲音單擊使用jQuery

因此，我在基於文本的冒險中有一個場景，我試圖在某個玩家選擇時添加聲音效果，但添加時遇到問題。在按鈕上添加聲音單擊使用jQuery

<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>

所以我想要做的是玩#bear時選擇.choice_2a使用jQuery。

來源

2016-08-03 striderno9

''應該是'<腳本類型= 「文本/ JavaScript的」>'。另外一定要包含jQuery庫 –

我希望這不是你完整的HTML。你需要一個文檔類型，頭部和身體元素。 'script'標記而不是javascript，並且應該在html標記內。 –

@BramVanroy感謝您的幫助，沒有那不是我的所有html，我都錯誤地排除了這些元素。我確實擁有所有這些，而且我的代碼確實有效，儘管我的音樂沒有播放。 – striderno9

沒有<javascript>標記，您需要改爲使用<script>標記。它應該是這樣的

<script type="text/javascript">

但更好的是，這將是最好的引用JavaScript在另一個文件中一共提供更清潔，更模塊化的代碼。

此外，請確保您已包含jQuery。從代碼片段看來，它似乎缺少了。

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

來源

2016-08-03 16:00:29

更改<javascript>代碼：

<script 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(); 
     }); 
    )}; 

</script>

，並確保你已經包括jQuery庫在您的<head>標籤，是這樣的：<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js">

來源

2016-08-03 16:03:44

在按鈕上添加聲音單擊使用jQuery

回答

相關問題