Добавление звука при нажатии кнопки Использование 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. Вам понадобится doctype, элемент head и body. теги '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

ответ

Смежные вопросы