Jplayer-创建动态播放列表

问题描述

| 我正在使用jPLayer播放项目的mp3。他们会从数据库动态加载mp3。我正在尝试创建将所选mp3加载到播放器的链接。目前，我无法正常工作。我相信点击事件告诉我要播放什么mp3，我做错了什么。如果我对路径进行硬编码，则可以很好地工作，但是我不想以这种方式进行设置，因为可能会有数百个媒体文件。 $（document）.ready（function（）{     $（\“＃jquery_jplayer_1 \”）。jPlayer（{          准备就绪：function（）{             $（this）.jPlayer（\“ setMedia \”，{             mp3：\“ http：//www.jplayer.org/audio/mp3/Miaow-07-Bubble.mp3 \”         }）。jPlayer（\“ play \”）;          }，          结束：函数（事件）{         $（this）.jPlayer（\“ play \”）;          }，          swfPath：\“ js \”，          提供：“ mp3”     }）;        $（\“。song \”）。click（function（）{        $（\“＃jquery_jplayer_1 \”）。jPlayer（\“ setMedia \”，{         mp3：$（this）.attr（\“ name \”）。val（）;        }）;         $（\“＃jquery_jplayer_1 \”）。jPlayer（\“ play \”）;     返回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 \”）;
        返回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\")