0

現在、このリンク (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>
4

1 に答える 1

0

クロスブラウザの苦情コードには 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');
});
于 2013-01-10T23:59:10.917 に答える