Javascript jPlayer 2.2.0:在页面加载时在单独的div中显示曲目标题

Javascript jPlayer 2.2.0:在页面加载时在单独的div中显示曲目标题,javascript,jquery,jplayer,Javascript,Jquery,Jplayer,自从WordPress的mp3 jPlayer插件在WP3.5更新中崩溃后,我就直接与jPlayer合作,开发者似乎放弃了它 插件的一个很好的特性是,它在控制栏上方的div中显示当前曲目的标题。此外,如果播放列表中只有一首歌曲,则会有一个脚本隐藏播放列表,因此控制栏上方只有曲目标题。我正在尝试将此功能添加到常规(非插件)jPlayer 我可以在jPlayer论坛的新div中显示标题,代码如下: $("#jquery_jplayer_1").bind($.jPlayer.event.play, f

自从WordPress的mp3 jPlayer插件在WP3.5更新中崩溃后,我就直接与jPlayer合作,开发者似乎放弃了它

插件的一个很好的特性是,它在控制栏上方的div中显示当前曲目的标题。此外,如果播放列表中只有一首歌曲,则会有一个脚本隐藏播放列表,因此控制栏上方只有曲目标题。我正在尝试将此功能添加到常规(非插件)jPlayer

我可以在jPlayer论坛的新div中显示标题,代码如下:

$("#jquery_jplayer_1").bind($.jPlayer.event.play, function (event) {
    var current = myPlaylist.current,
        playlist = myPlaylist.playlist;
    $.each(playlist, function (index, obj) {
        if (index == current) {
            $('.jp_current_track_title').text(obj.title);   
        }
    });
});
但是,当页面加载时,这不会加载曲目标题-它仅在您按“播放”后显示。请注意,当播放器加载时,播放列表中的第一首曲目会高亮显示(选中)

所以我的问题是:当页面加载时,我如何获得要加载的曲目标题

测试页面是

我不熟悉javascript/jQuery


提前感谢。

Jplayer还提供了一个就绪事件:
$.Jplayer.event.ready
。玩家加载后,应该可以使用此功能执行相同的操作。

更改行:

 $("#jquery_jplayer_1").bind($.jPlayer.event.play, function (event) {

这样一旦玩家准备好,div就会被更新

 $("#jquery_jplayer_1").bind($.jPlayer.event.ready, function (event) {