我试图在点击播放mp3文件时做一个基本的jplayer文本链接,但我无法让它起作用,因为没有声音。这是代码
$(document).ready(function(){
$("#jquery_jplayer").jPlayer({
ready: function (event) {
$('.voice').click(function(e) {
e.preventDefault();
$(this).jPlayer("setFile", $(this).attr('href')).jPlayer("play");
});
},
swfPath: "/ui/core/js/jPlayer/",
supplied: "mp3",
wmode: "window"
});
});
这是html:
<table>
<tr>
<td>
<a href="music.mp3" class="voice">Listen</a>
</td>
</tr>
</table>
<div id="jquery_jplayer"></div>
我错过了什么?
感谢
答案 0 :(得分:5)
有几件事......
this
,在click
事件中使用时,指的是点击的元素,而不是您的jPlayer元素setFile
这样的jPlayer方法 - 它是setMedia
试试这个:
$(document).ready(function(){
$("#jquery_jplayer").jPlayer({
swfPath: "/ui/core/js/jPlayer/",
supplied: "mp3",
wmode: "window"
});
$('.voice').click(function(e) {
e.preventDefault();
$("#jquery_jplayer")
.jPlayer("setMedia", {mp3: this.href })
.jPlayer("play");
});
});