如何解决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 举报,一经查实,本站将立刻删除。