audio.min.js用来解决ie低版本对audio兼容问题，index.css在解决不同浏览器中播放器样式不同问题，都在<head>引入，但他们对于根据需求动态添加的audio无法生效，这种情况应该怎么解决啊
<!doctype html>
<%@ page contentType="text/html;charset=UTF-8"%>
<html>
<head>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<link href="index.css" rel="stylesheet">
<script src="audio.min.js"></script>
<script>
audiojs.events.ready(function() {
audiojs.createAll();
});
</script>
<script type="text/javascript">
function audio() {
var a = '<audio id="d" src = "123.mp3" controls>';
$("#f").html(a);
}
</script>
</head>
<body>
<table border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><button value="onclick" onclick="audio()">onclick</button>
</td>
</tr>
<tr>
<td><div id="f"></div></td>
</tr>
</table>
</body>
</html>
<!doctype html>
<%@ page contentType="text/html;charset=UTF-8"%>
<html>
<head>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<link href="index.css" rel="stylesheet">
<script src="audio.min.js"></script>
<script>
audiojs.events.ready(function() {
audiojs.createAll();
});
</script>
<script type="text/javascript">
function audio() {
var a = '<audio id="d" src = "123.mp3" controls>';
$("#f").html(a);
}
</script>
</head>
<body>
<table border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><button value="onclick" onclick="audio()">onclick</button>
</td>
</tr>
<tr>
<td><div id="f"></div></td>
</tr>
</table>
</body>
</html>
