0

Создал приложение, где используются звуковые оповещения. Такой код:

//Добавляю в body аудио файл
$('<audio id="notify"><source src="notify.ogg" type="audio/ogg"><source src="notify.mp3" type="audio/mpeg"><source src="notify.wav" type="audio/wav"></audio>').appendTo('body');

И в функциях вызываю так:

$('#notify')[0].play();

как создать отключение звука на сайте, а именно аудио с id #notify через checkbox ?

Мой неправильный код:

$("#mute").click(function () {
    $(function(){
        if ($("#mute").is(":checked")) {
            $("#notify").prop('muted', true);
        } else {
            $("#notify").prop('muted', false);
        }
    });
});

#mute - это id checkbox'а

Помогите решить задачу, пожалуйста. Спасибо.

1 ответ 1

2

Вы перепутали назначение функций:

Функция

$(function(){
   ....
});

будет вызвана по окончанию загрузки DOM.


Функция

$("#mute").click(function () {
   ....
});

поставит обработчик события click на элемент #mute. Причем обработчик не поставится на элемент, пока DOM не будет загружен, только потому, что этого элемента еще как бы нет в дереве DOM.

Поэтому получается:

$(function(){
    $("#mute").click(function () {
        if ($("#mute").is(":checked")) {
            $("#notify").prop('muted', true);
        } else {
            $("#notify").prop('muted', false);
        }
    });
});
1
  • Благодарю за внимание! Вы помогли.
    – PHP
    13 мая 2013 в 15:38

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.