每次仅触发一个选项卡

Question

在我的代码中，我想展示每个标签的故事都有自己的text和Background Music，这里的问题是当我打开标签part1并打开{{ 1}}，然后移至标签music，来自part2的{​​{1}}仍处于有效状态，如果我全部启动music part1全部3 tabs 1}}将同时运行，如何让1 music仅保持活动状态？

＆＃13;

＆＃13;

BGMs

＆＃13;

tab

＆＃13;

＆＃13;

＆＃13;

Answer 1

听起来你需要实现另一个停止音乐的功能，以便在你切换标签时调用它。

编辑：切换标签时可能需要手动启动每个音频元素

$('#myTab a').click(function(e) {
        e.preventDefault()
        musicStop();
        $(this).tab('show')
    })

function musicStop(){
    //stop all audio playing
    $.each($('audio'), function () {
        $(this).stop();
    });
}