创建动态播放列表

我正在使用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>

此代码可以工作，但我想从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;
    });

---

尝试更改此$(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")

链接地址: http://www.djcxy.com/p/71133.html

上一篇: Creating dynamic play list

下一篇: Autoplay audio files on an iPad with HTML5