Question

我目前在此链接（http://webdesign.about.com/od/sound/a/play_sound_oncl.htm）上使用onclick = playsound代码，其中包含一些样式的单选按钮，可以切换几个单独的音频文件。

唯一的问题是我无法弄清楚如何使用此方法获得跨浏览器支持。

有没有办法做到这一点？

                                <div class="tabs" id="play-bar">
                                <div class="tab">
                                    <input type="radio" id="tab-1" name="tab-group-1" checked onclick="playSound('soundfile1.wav');">
                                    <label for="tab-1">1</label>
                                </div>
                                <div class="tab">
                                    <input type="radio" id="tab-2" name="tab-group-1" onclick="playSound('soundfile2.wav');">
                                    <label for="tab-2">2</label>
                                </div></div>

Answer 1

只需将jQuery用于跨浏览器投诉代码。

HTML

<div class="tabs" id="play-bar">
  <div class="tab">
    <input type="radio" id="tab-1" name="tab-group-1" checked>
    <label for="tab-1">1</label>
  </div>
  <div class="tab">
    <input type="radio" id="tab-2" name="tab-group-1">
    <label for="tab-2">2</label>
  </div>
</div>

的jQuery

$('input[name="tab-group-1"]').click(function(){
  var num = $(this).prop('id').split('-')[1];
  playSound('soundfile'+ num +'.wav');
});

使用带有onclick = playSound命令的多个音频文件进行跨浏览器支持

1 个答案: