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

我正在使用jPlayer，因为WordPress的mp3-jplayer插件打破了WP 3.5更新，它似乎被开发人员抛弃了。

该插件的一个不错的function是它在控制栏上方的div中显示当前轨道的标题。 此外，如果播放列表中只有一首歌曲，则会有一个隐藏播放列表的脚本，因此您只能在控制栏上方显示曲目标题。 我正在尝试将此function添加到常规（非插件）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的新手。

提前致谢。

Answer 1

Jplayer还提供了一个ready事件： $.jPlayer.event.ready 。 一旦玩家加载，应该可以使用它来做同样的事情。

Answer 2

换行：

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

至

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

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