jPlayerのテキストリンクが再生されない

Question

私は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" 
}); 

}）です。

<table> 
    <tr> 
     <td> 
     <a href="music.mp3" class="voice">Listen</a> 
     </td> 
    </tr> 
</table> 
<div id="jquery_jplayer"></div> 

は私が何をしないのです。ここに

はhtmlですか？

おかげ

Answer 1

物事のカップル...

1. this
   、clickイベント内で使用し、クリックされた要素を指し、ないあなたのjPlayer要素があったそのような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"); 
    }); 
});