我有几个文件想在网站上播放,为了改变它,我使用了 ajax,代码如下:
<div id="play"></div>
<div id="list">
<span id="1">audio 1</span><br />
<span id="2">audio 2</span><br />
<span id="3">audio 3</span><br />
<span id="4">audio 4</span><br />
<span id="5">audio 5</span><br />
<span id="6">audio 6</span><br />
<span id="7">audio 7</span><br />
</div>
<script type="text/javascript">
$(document).ready(function() {
$('#list span').click(function() {
$.ajax({
type: "GET",
url: "play.php",
data: { file: $(this).attr('id') }
}).done(function(msg) {
$('#play').html(msg);
});
});
});
</script>
这是play.php:
<audio controls="controls" preload="auto" autobuffer="autobuffer">
<source src="get-file.php?v=<?php echo 'ogg#'.intval($_GET['file']).''); ?>" type="audio/ogg">
<source src="get-file.php?v=<?php echo 'mp3#'.intval($_GET['file']).''); ?>" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
在get-file.php
我检查我要播放的文件和文件类型并使用我返回文件的标题。问题出在IE9中,如果我使用 ajax,我会得到Your browser does not support the audio element.
,如果我直接在浏览器中运行音频...,它可以正常工作。如何在 IE 中修复这个 ajax 问题?