4

プロジェクトのmp3を再生するためにjPLayerを使用しています。これらの mp3 は、データベースから動的にロードされます。選択した mp3 をプレーヤーにロードするリンクを作成しようとしています。現在、動作しないものがあります。どのmp3を再生するかを伝えるクリックイベントで何か間違ったことをしていると思います。パスをハードコードすると問題なく動作しますが、何百ものメディア ファイルが存在する可能性があるため、そのように設定したくありません。

$(document).ready(function(){

    $("#jquery_jplayer_1").jPlayer({
         準備完了: 関数 () {
            $(this).jPlayer("setMedia", {
            mp3: "http://www.jplayer.org/audio/mp3/Miaow-07-Bubble.mp3"
        }).jPlayer("再生");
         }、
         終了: 関数 (イベント) {
        $(this).jPlayer("再生");
         }、
         swfPath: "js",
         提供: 「mp3」
    });

       $(".song").click(関数() {
       $("#jquery_jplayer_1").jPlayer("setMedia", {
        mp3: $(this).attr("名前").val();
       });
        $("#jquery_jplayer_1").jPlayer("再生");
    false を返します。
    });

});




        <a href="#" class="song" name="http://www.jplayer.org/audio/mp3/Miaow-07-Bubble.mp3">Song 3</a>
        <a href="#" class="song" name="http://www.jplayer.org/audio/mp3/Miaow-04-Lismore.mp3">Song 4</a>

このコードは機能しますが、href から情報を取得したいと思います

$(".song").click(関数() {
        $("#jquery_jplayer_1").jPlayer("setMedia", {
            mp3: "http://www.jplayer.org/audio/mp3/Miaow-04-Lismore.mp3"
        });
        $("#jp_playlist_1ul").html("
  • リズモア - MP3
    • ");
        $("#jquery_jplayer_1").jPlayer("再生");
        false を返します。
    });
    4

    1 に答える 1

    6

    $(this).attr("name").val();これを変更してみてください$(this).attr("name");

    また、良いアイデアは次のとおりです。

    <a  class="song" href="http://www.jplayer.org/audio/mp3/Miaow-07-Bubble.mp3">Song 3</a>

    その後

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

});

    そしてもちろん

    mp3: $(this).attr("href")
    于 2011-04-12T19:23:50.657 に答える