jquery-mobile - jqueryモバイル再生音onclick

Question

HTML5 と jQuery mobile を使用してスマートフォン用の Web アプリケーションを開発しており、ページのどこかに 5 つのボタン (5 つのオプション) があるため、ボタンごとに異なるビープ音を再生したいと考えています。これどうやってするの！！

Answer 1

HTML のどこかに:

<button id="button1Id">Button 1</button>

ボタンへのリスナーを設定します。たとえば、次のようにします。

$("#button1Id").click( function (event) {
    //Prevent the default button action (I suppose the default click sound is,
    //if it exists on thedevice, is removed by this)
    e.preventDefault(event);

    //TODO: Insert code for audio file playback here

    $.mobile.changePage("destination.html");
}

次に、すべての異なるボタンに対してこのコードを繰り返すことができます。質問でサポートが必要かどうかが明確でないため、オーディオ再生用のコードは含めませんでした。それを実現するにはいくつかの方法があります。たとえば、https ://developer.mozilla.org/en-US/docs/HTML/Element/Audio を使用できます。