微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Jplayer-创建动态播放列表

如何解决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\")
    

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。