Question

可以创建一个jQuery点击功能，播放jPlayer播放列表中的第一首歌吗？

我一直在这里提到文档：

http://www.jplayer.org/latest/demo-02-jPlayerPlaylist/

并且有一个显示'play'的链接示例，当点击该链接播放播放列表中的第一首曲目时，但我不确定这是如何触发的。

文档稍后引用：

play（[index：Number]）：Void

播放播放列表中的项目。如果没有给出参数，则播放当前项目。正索引从播放列表的开头播放项目，而负索引从结尾播放项目。

// Examples of usage:
myPlaylist.play(); // Plays the currently selected item
myPlaylist.play(0); // Plays the 1st item
myPlaylist.play(1); // Plays the 2nd item
myPlaylist.play(-1); // Plays the last item

所以我的问题是，是否可以通过jQuery中的click函数触发此功能，如果有的话，是否有人可以建议所需的基本语法？

谢谢你。

更新

提供更多上下文和我正在尝试的例子，在头部区域有现有的点击功能，我也试图添加指令来播放这里的轨道，例如：

<script>
$(document).ready(function(){
$(".open_doors").click(function(){
$("#leftdoor_inner").animate({"left": "-=164px"}, 'slow');
// etc ....
// here is attempt to trigger jPlayer
myPlaylist.play(0); 
});
</script>

这是头部区域中定义的播放列表：

<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
var myPlaylist = new jPlayerPlaylist({
jPlayer: "#jquery_jplayer_1",
cssSelectorAncestor: "#jp_container_1",
verticalVolume: "true",
}, [
{
title:"Cro Magnon Man",
mp3:"http://www.jplayer.org/audio/mp3/TSP-01-Cro_magnon_man.mp3",
oga:"http://www.jplayer.org/audio/ogg/TSP-01-Cro_magnon_man.ogg"
},
{
title:"Your Face",
mp3:"http://www.jplayer.org/audio/mp3/TSP-05-Your_face.mp3",
oga:"http://www.jplayer.org/audio/ogg/TSP-05-Your_face.ogg"
}
], {
swfPath: "js",
supplied: "oga, mp3",
wmode: "window"
});
});
//]]>
</script>

所以这个设置目前无法正常工作，我不确定我是否在jQuery点击功能中正确引用了播放列表。

谢谢你。

更新，解决方案：

好吧我想出了一个解决方案，我不得不在脚本区域中添加代码，以下列方式定义播放列表（见上文）：

{
swfPath: "js",
supplied: "oga, mp3",
wmode: "window"
});
$(".open_doors").click(function() {
myPlaylist.play(0);
});

Answer 1

这似乎是一个简单的答案，所以请原谅我，如果我错过了什么，但你有没有试过这种事情？（将“element”替换为适合您用例的选择器。）

$("element").click(function(){
    myPlaylist.play(0);
});

如何让jQuery点击功能在jPlayer中播放一首歌？

1 个答案: