在整个页面访问 jplayer 实例以根据用户点击加载数据

Question

我希望能够使用 $("#audio_2ndplaylist").click(function(){ 来允许用户交换 jPlayer 正在使用的 src="" 数据（即包含源 URL 的 JSON 格式数据） ）我认为我的主要问题是我不确定如何在我初始化它的位置之外引用这个 jPlayer 对象。 $("#jplayer_id").data("jPlayer") 但这到目前为止对我不起作用

这是我的初始化 jPlayer 的代码：

var data= [ {title:"Cro Magnon Man",
    artist:"The Stark Palace",
    mp3:'http://www.jplayer.org/audio/mp3/TSP-01-Cro_magnon_man.mp3'            
                },
    {title:"Your Face",
    artist:"The Stark Palace",
    mp3:"http://www.jplayer.org/audio/mp3/TSP-05-Your_face.mp3",
                }];

    new jPlayerPlaylist({
    jPlayer: "#jplayer_id",
}, data,
 {
    supplied: "webmv, ogv, m4v, oga, mp3, mov, mp4" 
}); // end of jPlayerPlaylist instance

这是我的点击代码。(function(){ //立即执行在我的脚本中遵循上述代码：

$('audio_2ndplaylist').click(function() {

var data2=[ {title:"Hidden",
    artist:"Miaow",
    mp3:"http://www.jplayer.org/audio/mp3/Miaow-02-Hidden.mp3",
    },
            {title:"Tempered Song",
    artist:"Miaow",
    mp3:"http://www.jplayer.org/audio/mp3/Miaow-01-Tempered-song.mp3",
    }]; 

var jplay=$("#jplayer_id").data("jPlayer");
jplay.load(data2); 

}); // end of click function

任何人可能对切换此 jPlayer 正在使用的 JSON 对象从“data”与“data2”进行切换将不胜感激，

Answer 1

我认为有几件事：

1. 您没有命名您的jPlayerPlaylist（例如var jplay = new jPlayerPlaylist();）。像这样，您可以像第二个脚本中一样访问 jPlayerPlaylist 实例。
2. 添加一些曲目的正确函数是 add() 或 setPlaylist()

Csq ：jplay 是唯一的公共变量，您不必在第二个脚本中实例化它。

您的两个脚本现在是：

var data= [ {title:"Cro Magnon Man",
    artist:"The Stark Palace",
    mp3:'http://www.jplayer.org/audio/mp3/TSP-01-Cro_magnon_man.mp3'            
                },
    {title:"Your Face",
    artist:"The Stark Palace",
    mp3:"http://www.jplayer.org/audio/mp3/TSP-05-Your_face.mp3",
                }];

var jplay = new jPlayerPlaylist({
    jPlayer: "#jplayer_id",
    }, data,
    {
        supplied: "webmv, ogv, m4v, oga, mp3, mov, mp4" 
}); // end of jPlayerPlaylist instance

第二个：

$('audio_2ndplaylist').click(function() {

var data2=[ {
    title:"Hidden",
    artist:"Miaow",
    mp3:"http://www.jplayer.org/audio/mp3/Miaow-02-Hidden.mp3",
    },
    {
    title:"Tempered Song",
    artist:"Miaow",
    mp3:"http://www.jplayer.org/audio/mp3/Miaow-01-Tempered-song.mp3",
}]; 

jplay.add(data2); 

}); // end of click function

希望这会有所帮助:-)