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 の 2 つのインスタンスがあります。シナリオによれば、1 つだけ持つ必要があります。また、タイプミスにも気をつけてください。最後に、次のようなものを試すことができます。

<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 に答える