我在玩jQuery和音频标签,但遇到了桌面浏览器和Android 2.3.6浏览器之间的一些不一致之处。桌面Chrome/Firefox和Android 2.3.6浏览器之间的JQuery事件处理差异
下面的bode通过两个jQuery移动按钮实现了定制的音频控制,在“播放”和“暂停”按钮上的“播放”和“暂停”按钮上的“点击”事件音频元素。
下面的代码同时适用于桌面版Chrome和Firefox,以及在Android 2.3.6浏览器
$(document).ready(function() {
$('#play-button').click(function() {
document.getElementById('audio').play();
});
$('#pause-button').click(function() {
document.getElementById('audio').pause();
});
});
Audio player
Sorry, your browser does not support playing audio.
id="play-button">Play
id="pause-button">Pause
,而下面的代码适用于Chrome或Firefox,但如果我加载它的Android浏览器,无音频播放时,我点击“播放”按钮
$(document).ready(function() {
$('#player').click(function() {
if (document.getElementById('slider').value == 'play')
document.getElementById('audio').pause();
else
document.getElementById('audio').play();
});
});
Audio player
Sorry, your browser does not support playing audio.
style="text-align:center"
id="player">
id="slider"
data-role="slider" >
Play
Pause
任何想法,为什么这是这种情况?移动浏览器处理事件的方式有什么不同?