Question

我正在使用jPLayer为项目播放mp3。他们的mp3将从数据库动态加载。我正在尝试创建将所选mp3加载到播放器中的链接。目前我有哪些不起作用。我相信我正在做一些错误的点击事件，告诉你要播放什么mp3。如果我硬编码路径它工作正常，但我不想这样设置，因为可能有数百个媒体文件。

$(document).ready(function(){

    $("#jquery_jplayer_1").jPlayer({
         ready: function () {
            $(this).jPlayer("setMedia", {
            mp3: "http://www.jplayer.org/audio/mp3/Miaow-07-Bubble.mp3"
        }).jPlayer("play");
         },
         ended: function (event) {
        $(this).jPlayer("play");
         },
         swfPath: "js",
         supplied: "mp3"
    });

       $(".song").click(function() {
       $("#jquery_jplayer_1").jPlayer("setMedia", {
        mp3: $(this).attr("name").val();
       });
        $("#jquery_jplayer_1").jPlayer("play");
    return 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>

<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(function() {
        $("#jquery_jplayer_1").jPlayer("setMedia", {
            mp3: "http://www.jplayer.org/audio/mp3/Miaow-04-Lismore.mp3"
        });
        $("#jp_playlist_1 ul").html("Lismore - MP3");
        $("#jquery_jplayer_1").jPlayer("play");
        return false;
    });

Answer 1

尝试使用$(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")

Jplayer - 创建动态播放列表

1 个答案: