jquery-mobile - jquery mobile 播放声音 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