開關關閉時，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小部件的功能，現在正常工作！