开关关闭时，Javascript暂停声音不起作用

Question

在jQuery Mobile使用Howler.js Javascript进行音频制作的简单Web应用程序中，该页面有一个flipswitch小部件：

https://theredlips.digitalking.it/giochi/Sx1.html

当我切换到SI时，音乐开始循环播放但是当我切换到NO时它不会暂停。

我使用Howler.js提供的pause（）方法

这是js代码的一部分：

<script src="https://cdnjs.cloudflare.com/ajax/libs/howler/2.0.3/howler.min.js"></script>

<script type="text/javascript">
$(document).on('pagecreate','[data-role=page]',function() {
// console.log('PAGECREATE');
$('#flip-select-audio').change(function() {
      var sound = new Howl({
      src: ['Sounds/Sx1.mp3', 'Sounds/Sx1.ogg','Sounds/Sx1.m4a'],
      loop: true,
    });
    if ($(this).val() == "on") {
        sound.play();
    } else {
        sound.pause();
    }
});
});
</script>

和HTML代码的一部分：

<form>
    <label for="flip-select-audio"><strong>MUSICA:</strong></label>
    <select id="flip-select-audio" name="flip-select-audio" data-role="flipswitch" data-mini="true">
        <option value="off">NO</option>
        <option value="on">SI</option>
    </select>
</form>

感谢您提供任何帮助。

Answer 1

不是一个错误，我移动var sound = new Howl外部改变flipswitch小部件的功能，现在正常工作！