jquery - jPlayer 文本链接不播放

我正在尝试在单击时执行基本的 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>

我错过了什么？

谢谢

最佳答案

有几件事..

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

关于jquery - jPlayer 文本链接不播放，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/8524706/