0

单击链接时 Jplayer 更改曲目时出现问题。它仍然从播放器播放演示曲目并且不播放 harry.mp3 或 harry2.mp3

<tr><td>Tracklist:</td></tr>
<script>$('#mp31').click(function()
`{  $("#jp-player").jPlayer({   ready: function () {    $(this).jPlayer("setMedia", { mp3: "/harry.mp3",    });   },   swfPath: "/js",   supplied: "mp3"  }); });` </script>

<tr><td>1. </td><td><a href="" id="mp31">Test</a>Friend</a> (Techno)</td></tr>
<script>$('#mp32').click(function(){  $("#jp-player").jPlayer({   ready: function () {    $(this).jPlayer("setMedia", { mp3: "/harry2.mp3",    });   },   swfPath: "/js",   supplied: "mp3"  }); }); </script><tr><td>2. </td><td><a href="" id="mp32">Test</a>Enemy</a> (Ambient)</td></tr>

任何人都可以请帮助，这让我很头疼。

CP

4

1 回答 1

0

您有两个 jplayer 实例。根据您的情况，您应该只有一个。另外，请注意您的拼写错误。最后，你可以尝试这样的事情：

<tr>
    <td>Tracklist:</td>
</tr>

<tr>
    <td>1.</td>
    <td><a class="song" href="http://my-website.com/mp31.mp3" id="mp31">Test</a>Friend</a> (Techno)</td>
</tr>
<tr>
    <td>2.</td>
    <td><a class="song" href="http://my-website.com/mp32.mp3" id="mp32">Test</a>Enemy</a> (Ambient)</td>
</tr>

上面的代码向您显示了一个<a>包含您要播放的 mp3 url 的元素列表，因此，通过这种方式，您可以在单击它们后更新播放器：

<script>
    $("#jp-player").jPlayer({
        ready: function () {
            $(this).jPlayer("setMedia", {
                mp3: "/harry.mp3"
            });
        },
        swfPath: "/js", supplied: "mp3"
    });

    $('.song').click(function (e) {
        e.preventDefault();

        // get the song url from the href attribute
        var song = $(this).attr('href');

        $("#jp-player").jPlayer({
            ready: function () {
                $(this).jPlayer("setMedia", {
                    mp3: song
                });
            },
            swfPath: "/js", supplied: "mp3"
        });
    });

</script>
于 2013-10-30T15:34:40.580 回答