jPlayer文本鏈接不播放

Question

我正在嘗試做一個基本的jplayer文本鏈接點擊播放mp3文件，但我無法得到它的功能，因爲沒有聲音。這裏是代碼

$(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> 

我失去了什麼？

感謝

Answer 1

有一對夫婦的東西..

1. this，一個click事件中使用時指的是點擊的元素，而不是你jPlayer元素
2. 沒有這樣的jPlayer方法作爲setFile - 它的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"); 
    }); 
});