jPlayer文本链接无法播放

时间:2011-12-15 18:14:50

标签: jquery jplayer

我试图在点击播放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>

我错过了什么?

感谢

1 个答案:

答案 0 :(得分:5)

有几件事......

  1. this,在click事件中使用时,指的是点击的元素,而不是您的jPlayer元素
  2. 没有setFile这样的jPlayer方法 - 它是setMedia
  3. 试试这个:

    $(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");
        });
    });